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

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/weixin_41847321/article/details/98850375

因为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: [
		'[email protected]@ant-design-vue',
		"ant-design-vue",//使用了antd
		"resize-detector",
	],

配置完成之后在IE打开报错 SCRIPT5009：Plugin未定义 报错信息：

点进去看发现是axios一个配置文件出错，将其注释掉，又出现了另外一个错误

经过排查之后发现是引入了一个point组件导致的问题，删除之后可以成功运行。

babel-polyfill转译时会忽略掉node-moudles里面的文件，当引用了某些插件时，没有将其转成es6,导致报错。需要在transpileDependencies:[]显示转译