使用es6的import報錯

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

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

你的 Chrome 不支持 import（es6 語法），你可以試試用腳手架或編譯工具把你寫的 es6 代碼轉成 es5。

你裝了babel又沒有編譯
現在瀏覽器還不支持es6，可以用

 $ babel example.js

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

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