vue 项目edge浏览器打开空白报错0:Function expected等等解决方案

原因:因为win10系统的Edge浏览器并没有完全兼容es6语法

解决办法:

打包的时候对es6的语法转换, ES6 语法转 ES5 语法。

1、兼容低版本浏览器方法

安装 babel-polyfill

npm i babel-polyfill

2、引入

main.js 顶部第一行

import 'babel-polyfill';

3、(新增)在 babel.config.js 中配置

module.exports = {
  presets: [
    ['@vue/app', {
      polyfills: [
        'es6.promise',
        'es6.symbol',
        'es6.array.iterator',
        'es6.object.assign',
      ],
      useBuiltIns: 'entry',
    }],
  ],
}

4、在首页index.html中添加

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

5、重启项目即可

猜你喜欢

转载自blog.csdn.net/weixin_46408500/article/details/129548411