Vue cli3兼容IE配置及报错SCRIPT1003: 缺少 ':',SCRIPT5009:Plugin未定义

因为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:[]显示转译

评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值