babel安裝好了以后，還要執(zhí)行babel的編譯，把 es6轉(zhuǎn)成 es5

兩種解決方案，可能你對(duì)export與export default的區(qū)別不是很理解。使用export default導(dǎo)出的變量不可以加{},在import的時(shí)候也不需要加{}。第一種：去掉export default中的default關(guān)鍵字；第二種把你輸出的三個(gè)變量保存到一個(gè)對(duì)象中，然后export default這個(gè)對(duì)象，記住不要加大括號(hào)。

你的 Chrome 不支持 import（es6 語(yǔ)法），你可以試試用腳手架或編譯工具把你寫(xiě)的 es6 代碼轉(zhuǎn)成 es5。

你裝了babel又沒(méi)有編譯
現(xiàn)在瀏覽器還不支持es6，可以用

 $ babel example.js

命令去編譯單個(gè)文件
或者用webpack打包這些文件

這個(gè)問(wèn)題我也碰到過(guò)，ES6中的import語(yǔ)法經(jīng)過(guò)babel轉(zhuǎn)換后并不能直接使用，而必須使用webpack打包之后才有效，思考之后覺(jué)得應(yīng)該是ES5沒(méi)有模塊的概念，babel轉(zhuǎn)碼之后使用的是Node中的CommonJS規(guī)范，在瀏覽器中并不適用，而經(jīng)過(guò)webpack打包之后實(shí)際是一個(gè)JS文件，就不存在模塊之間相互調(diào)用的關(guān)系了，所以可以直接在瀏覽器中運(yùn)行。
補(bǔ)：在最新的node-v8.5.0版本中已經(jīng)支持ES6的module語(yǔ)法