VUE兼容问题，360浏览器打开一片空白。

Question

老师好，我做出来的网站，只有Chrome浏览器可以正常打开，像360或其它浏览器就打不开是一片空白，对比后发现是<div id="app"></div>里面是空白导致的，Chrome里面就有内容。是VUE不兼容？我的UI使用了Ant Design.

Answer 1

Samrtiboy 2020-09-27 08:40:52

同学你好，我之前也遇到过这种问题，只需要修改360浏览器的引擎模式就可以了，修改在地址栏右边应该有一个闪电的标志，点击他切换成极速模式就可以正常访问了，当然这样的做法并不好，最正确的做法应该是安装babel-polyfill包

npm install babel-polyfill --save

安装好之后需要在main.js入口文件中引入

import 'babel-polyfill'

如果是最新的脚手架创建的项目需要在vue.config.js中配置entry

entry: {
    app: ['babel-polyfill', './src/main.js']  
}

如果是旧的脚手架应该在修改webpack.base.conf.js下配置entry

完成安装及配置应该就能在360浏览器或其他浏览器上运行了，应该就不会出现浏览器兼容性问题了，同学可以试一下~

• Dell #1

  牛！！

Answer 2

Dell 2020-09-24 00:54:19

我表示确实可能就不兼容360