Vue+Element项目在IE上会显示空白页解决方法
原因:由于Element与Vue配合使用,所以,Element是基于遵循ES6标准的Vue的语法且IE不支持ES6标准(Promise对象不支持,可自行百度参考其他文档)解决方法:第一步:安装babel-polyfill:npm install babel-polyfill --save-dev第二步:在入口文件 main.js 中引入 import 'babel-polyfill'...
·
原因:由于Element与Vue配合使用,所以,Element是基于遵循ES6标准的Vue的语法且IE不支持ES6标准(Promise对象不支持,可自行百度参考其他文档)
解决方法:
第一步:安装babel-polyfill:npm install babel-polyfill --save-dev
第二步:在入口文件 main.js 中引入 import 'babel-polyfill'
第三部:修改build文件夹下文件webpack.base.conf.js(如下)
原代码:找到如下位置
module.exports = {
context: path.resolve(__dirname, '../'),
entry: {
app: './src/main.js'
},
......
将 app: './src/main.js' 并替换为 app: ['babel-polyfill', './src/main.js']
module.exports = {
context: path.resolve(__dirname, '../'),
entry: {
app: ['babel-polyfill', './src/main.js']
// app: './src/main.js'
},
......
更多推荐
已为社区贡献1条内容
所有评论(0)