VUe Eelement-ui 兼容es6 兼容IE9+ 報錯：SCRIPT1003: 缺乏 ':’

目前

解決

方案：

1

、把

es6

改爲兼容

瀏覽器的語法

ES5,

全部

js的轉換

2、引入babel-polyfill

3、使用ESLint 語法規則，可是項目語法

基本上要

所有從新

改寫

正確方法：下載依賴：babel-polyfill

(1)、安裝依賴:

npm install --save babel-polyfill

(2)

、

若是你的英文入口使用ES6 import 語法，你應該在入口的開頭替代導入墊片，以保證他是最早加載的js;

import 'babel-polyfill'

或在webpack中引入 ---- webpack.base.conf.js

module.exports = {
    entry: ["babel-polyfill","./app/js"]
}
複製代碼

<-官方寫法

module.exports = {
  entry: {
    app: ['babel-polyfill', './src/main.js']
  },
}複製代碼

<-my project寫法

如若沒有解決：IE 9+依然報錯：SCRIPT1003: 缺乏 ':’

在本身項目中打包：

運行

：

npm run build 是否

有錯；

若

錯誤

是

：

此錯誤是

：

發現是UglifyJs沒法解析ES6的問題，而在1.4.2 element-ui的包估計有ES6的語法，因此才致使打包失敗

解決：

在

webpak.base.conf.js

中

添加：

resolve('/node_modules/_element-ui@1.4.3@element-ui/src'),resolve('/node_modules/_element-ui@1.4.3@element-ui/packages')複製代碼

{
  test: /\.js$/,
  loader: 'babel-loader',
  include: [resolve('src'), resolve('test'),resolve('/node_modules/_element-ui@1.4.3@element-ui/src'),resolve('/node_modules/_element-ui@1.4.3@element-ui/packages'),]
},複製代碼

注意

：

_element-ui@1.4.3@element-ui

根據

本身項目的版本和文件名修改