2016-12-16 936 views
0

在我的webapp上使用Vue.js在大多数浏览器上工作,IE11除外。我试过默认babel-preset-es2015,也试过babel-preset-es2015-ie,但没有运气:代码仍然没有运行在IE11上'Symbol'未定义错误。Vue.js不能在IE11上加载,错误'Symbol'不明确

.babelrc

{ 
    "presets": ["es2015"] << also tried es2015-ie 
} 

的package.json

"scripts": { 
    "dev": "cross-env NODE_ENV=development webpack-dev-server --inline --hot --port 3000 --host 0.0.0.0", 
    "build": "cross-env NODE_ENV=production webpack --progress --hide-modules" 
    }, 
    "dependencies": { 
    "bootstrap-loader": "^1.3.2", 
    "jquery": "^3.1.1", 
    "less": "^2.7.1", 
    "less-loader": "^2.2.3", 
    "vue": "^2.1.6" 
    }, 
    "devDependencies": { 
    "babel-core": "^6.20.0", 
    "babel-loader": "^6.2.10", 
    "babel-preset-es2015": "^6.18.0", 
    "bootstrap-sass": "^3.3.7", 
    "cross-env": "^1.0.6", 
    "css-loader": "^0.23.1", 
    "exports-loader": "^0.6.3", 
    "extract-text-webpack-plugin": "^1.0.1", 
    "file-loader": "^0.8.5", 
    "imports-loader": "^0.7.0", 
    "json-loader": "^0.5.4", 
    "node-sass": "^4.0.0", 
    "resolve-url-loader": "^1.6.1", 
    "sass-loader": "^4.1.0", 
    "style-loader": "^0.13.1", 
    "url-loader": "^0.5.7", 
    "vue-loader": "^9.8.0", 
    "webpack": "^1.14.0", 
    "webpack-dev-server": "^1.16.2" 
    } 
+0

的可能的复制[ '符号' 未定义在IE中使用后,巴贝尔(HTTP:// stackoverflow.com/questions/33828840/symbol-is-undefined-in-ie-after-using-babel) –

回答

4

正如@Leonid指出,我错过了浏览器的填充工具脚本,由this answer描述。现在在IE11(和其他浏览器)上正常工作。

这里是我做过什么:

npm install --save-dev babel-polyfill 

webpack.config.js

module.exports = { 
    entry: ['babel-polyfill', './src/main.js'], 
    .... 
    .... 
}