vue项目在360浏览器兼容模式下SCRIPT1002: 语法错误以及“fetch”未定义问题解决-526互联

使用360浏览器的兼容模式，vue项目页面空白，打开控制台，发现如下报错：SCRIPT1002: 语法错误

解决方法如下：

1、安装依赖

npm install --save core-js regenerator-runtime

2、在main.js引入

import 'core-js/stable';
import 'regenerator-runtime/runtime';

3、在babel.config.js中添加presets

module.exports = {
  presets: [['@vue/cli-plugin-babel/preset', { useBuiltIns: 'entry' }]]
};

4、在vue.config.js配置报错文件的处理transpileDependencies（点击报错文件，看到的是sockjs-client的文件报错了，所以这里配置sockjs-client）

module.exports = {
  transpileDependencies: ['sockjs-client'],
};

5、项目重启

可以看到，这个报错没有了

有新的报错，报错如下：SCRIPT5009:

解决方法如下：

1、下载bluebird.js和fetch.js

2、index.html引入文件（我直接下载到本地进行引入，也可以直接用地址引入）

<script src="<%= BASE_URL %>js/3.7.2_bluebird.js"></script>
<script src="<%= BASE_URL %>js/2.0.3_fetch.js"></script>

3、刷新网页，可以正常展示网页了

参考文章（非常感谢！）：

有问题欢迎交流！