Vue cli3兼容IE配置及报错SCRIPT1003: 缺少 ':',SCRIPT5009:Plugin未定义
因为IE浏览器不能识别es6语法,需要安装babel-polyfill插件首先,安装babel-polyfillnpm install babel-polyfill在babel.config.js中配置module.exports = {presets: ['@vue/app',['@babel/preset-env',{...
·
因为IE浏览器不能识别es6语法,需要安装babel-polyfill插件
首先,安装babel-polyfill
npm install babel-polyfill
在babel.config.js中配置
module.exports = {
presets: [
'@vue/app',
[
'@babel/preset-env',
{
useBuiltIns: 'entry'
}
]
],
}
在vue.config.js中配置
chainWebpack: (config) => {
config.entry('main').add('babel-polyfill');
},
transpileDependencies: [
'_ant-design-vue@1.3.8@ant-design-vue',
"ant-design-vue",//使用了antd
"resize-detector",
],
配置完成之后在IE打开报错 SCRIPT5009:Plugin未定义 报错信息:
点进去看发现是axios一个配置文件出错,将其注释掉,又出现了另外一个错误
经过排查之后发现是引入了一个point组件导致的问题,删除之后可以成功运行。
babel-polyfill转译时会忽略掉node-moudles里面的文件,当引用了某些插件时,没有将其转成es6,导致报错。需要在transpileDependencies:[]显示转译
更多推荐
已为社区贡献4条内容
所有评论(0)