700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > vue项目兼容ie浏览器(出现白屏)

vue项目兼容ie浏览器(出现白屏)

时间:2021-03-08 09:45:17

相关推荐

vue项目兼容ie浏览器(出现白屏)

因为有些插件没有成功转为es5,所以一直白屏报错

解决:

1、vue.config.js文件中在transpileDependencies里面指定要转译的依赖。

另外添加configureWebpack: config => { config.entry.app = ['babel-polyfill', './src/main.js'];},

transpileDependencies: ['*'],configureWebpack: config => { config.entry.app = ['babel-polyfill', './src/main.js'];},

2、babel.config.js中添加'@vue/cli-plugin-babel/preset'

presets: [["@vue/app",{"useBuiltIns": "entry",polyfills: ['es6.promise','es6.symbol']},'@vue/cli-plugin-babel/preset']],}

3、(在package.json里面设置Browserslist配置:"> 0.1%", 意思是筛选 兼容最新两个版本、用户比例大于0.1%的浏览器)

"browserslist": [// "> 1%","> 0.1%","last 2 versions","not dead"]

详细请参考:VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决_Dragonfly_w的博客-CSDN博客_vue打包后ie11报语法错误

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。