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

Logo

前往低代码交流专区

更多推荐