cli3解决 ie11语法错误 vue_VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决
时间: 2024-05-01 16:19:43 浏览: 98
VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决
5星 · 资源好评率100%
在Vue CLI 3中,要想支持IE11,需要进行一些配置。
首先,安装 `@vue/cli-plugin-babel` 和 `@vue/cli-plugin-polyfill` 插件:
```
npm install @vue/cli-plugin-babel @vue/cli-plugin-polyfill -D
```
然后,在 `babel.config.js` 文件中添加对IE11的支持:
```javascript
module.exports = {
presets: [
[
'@vue/app',
{
targets: {
ie: 11
}
}
]
]
}
```
最后,在 `vue.config.js` 文件中添加 polyfill:
```javascript
module.exports = {
configureWebpack: {
// 添加 polyfill
entry: ['babel-polyfill', './src/main.js']
},
transpileDependencies: [
// 支持IE11的第三方库
'resize-detector'
]
}
```
重新打包后,在IE11中应该就可以正常显示了。如果还有报错,可以检查是否有其他语法错误。
阅读全文