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

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

 解决方法如下：

1、安装依赖

?

1	npm install --save core-js regenerator-runtime

2、在main.js引入

?

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

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

?

1 2 3

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

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

?

1 2 3

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

5、项目重启

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

 

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

 

解决方法如下：

1、下载bluebird.js和fetch.js

地址：https://cdn.bootcdn.net/ajax/libs/bluebird/3.7.2/bluebird.js

地址：https://cdnjs.cloudflare.com/ajax/libs/fetch/2.0.3/fetch.js

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

?

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

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

 

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

https://blog.csdn.net/weixin_43096984/article/details/118805582 

https://qa.1r1g.com/sf/ask/3096943601

 

有问题欢迎交流！