vue项目兼容 edge和ie

原创于 2020-06-27 14:23:02 发布 · 3.2k 阅读

CC 4.0 BY-SA版权

文章标签：

2 篇文章

订阅专栏

本文介绍了如何解决Vue项目在Edge和IE浏览器上出现空白或报错的问题，包括安装babel-polyfill、在main.js中正确引入、创建babel.config.js文件以及在vue.config.js中进行相关配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue项目 edge和ie打开都空白，有时还会报错；
方法如下：

1、安装babel-polyfill，

npm install babel-polyfill --save

2、在main.js里引入，

import 'babel-polyfill'

一定要在最上面引入

3、在根目录增加babel.config.js文件

module.exports = {
  presets: [
    ['@vue/app', {
      useBuiltIns: 'entry' // src全局es5编译
    }]
  ]
}

4、vue.config.js

require('babel-polyfill')

module.exports 里添加：

transpileDependencies: [
    'iview',
    'axios',
  ]