vue项目在360兼容模式下无法打开

原创已于 2023-10-16 11:06:10 修改 · 1.8k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript

于 2023-10-13 11:39:09 首次发布

文章讲述了在VueCLI3项目中，如何在vue.config.js中配置处理Element-UI的JavaScript文件以解决在IE浏览器下的兼容问题，以及提供360内核模式的参考链接。

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

请添加图片描述

图中可以看到index.html是可以正常运行的但是就是无法进入
具体解决方案是在vue.config.js的chainWebpack下增加

  config.module.rule('element-ui')
      .test(/\.js$/)
      .use('babel')
      .loader('babel-loader')
      .end()

如果你用的是别的ui库，那就将element-ui替换。
添加完后重新run一下，ok正常！
PS:若依旧无法解决参考vue-cli3项目在IE浏览器打开兼容问题及解决其他解决方案

这是关于360内核模式的说明供大伙参考点击查看360内核模式说明
在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Koini

关注关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

vue检测是不是360浏览器兼容模式_Vue项目 IE/360浏览器兼容模式下打开空白的问题...

weixin_39746382的博客

12-22

1118

记一次bug解决bug发现项目不复杂,就是一个基于vue-cli3搭建的pc端项目在开发进入后半段的时候发现在360浏览器兼容模式先显示空白而且没有报错,此类问题之前我写react在低版本的qq浏览器上也遇到过,因为当时写的是移动端项目也就没在意网上搜索找到的答案几乎都是Promsie的兼容问题,给出的解决方案是babel-polyfill,script标签引入也好,main.js引入也好,都没有...

vue检测是不是360浏览器兼容模式_360安全浏览器兼容模式无法访问vue怎么解决？...

weixin_39947396的博客

12-22

2381

360安全浏览器兼容模式无法访问vue怎么解决？下面本篇文章给大家介绍一下vue在IE和360兼容模式下无法显示问题。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。360兼容模式下报错：[vuex] vuex requires a Promise polyfill in this browser.因：360浏览器中包含了两个浏览器一个是IE(Trident内核)，即兼容模式，在使...

1 条评论您还未登录，请先登录后发表或查看评论

vue-cli项目在IE模式下（360兼容模式）无法打开

bocaidada的博客

01-18

2412

安装babel-polyfill npm install babel-polyfill --save-dev webpack.config.js配置文件中做相关修改： entry: { app: ["./node_modules/babel-polyfill/dist/polyfill.js", "./src/main.js"] }, ...

vue项目在ie、360兼容模式页面显示空白问题

baidu_41601299的博客

10-30

2053

vue项目中，出现在ie与360兼容模式下打开页面呈现空白问题，如下：控制台报main.js中语法错误~ 上网搜了一下，大部分解决方案是在webpack配置中与main.js中引入babel-polyfill进行处理由于项目是使用webpack.config.js手动搭建，并未使用vue-cli脚手架，引入babel-polyfill之后在ie、360浏览器中仍然是显示空白。。。原因在...

360和360极速浏览器无法打开vue项目的问题

weixin_43239880的博客

02-22

6068

360和360极速浏览器无法打开vue项目的问题 vue项目开发之后，使用360和360极速浏览器打开项目后可能会发现，自己的项目进不去了，或者F12发现有报错。原因：360和360极速浏览器有极速模式（webkit内核）和兼容模式（IE内核）两种，因为360打开时使用的是兼容模式，但是项目又没有兼容IE（Trident）内核，导致了项目打不开。解决方案1（比较麻烦）：当然你可以引入babel-polyfill或者core-js来解决IE兼容问题，但是这样子比较麻烦。如果你的项目本身就是不需要兼容IE的

vue2项目解决IE、360浏览器兼容问题

热门推荐

White feathe 的博客

04-19

3万+

Vue 之 android内嵌H5页面不显示出现这个问题，原因有很多首先，别急，请看下面的推荐方案：1、找个android真机测试下（版本为4.4），真机联调测试（如果不知道怎么联调，那么请看这里：Android真机 - 联调chrome调试）2、如果报报错 vuex requires a Promise polyfill in this browser.那么，就是兼容性不够好，请看下面的解决方

vue 项目完美运行在IE或者360浏览器兼容模式下踩坑笔记

小九的小酒的博客

02-02

2108

vue 项目完美运行在IE或者360浏览器兼容模式下踩坑笔记场景：最近的项目测试大大发现在360兼容模式下百页。然而这个兼容模式下用的是IE内核也就是vue项目需要兼容IE。首先解决 IE不支持 Promise 解决办法引入 <script src = "https://cdn.polyfill.io/v2/polyfill.min.js"></script> 或 <script type="text/javascript" src ="https://cdn.pol

vue项目在360浏览器兼容模式下SCRIPT1002: 语法错误

shiyina的博客

03-25

812

4、在vue.config.js配置报错文件的处理transpileDependencies（点击报错文件，看到的是sockjs-client的文件报错了，所以这里配置sockjs-client）3、在babel.config.js中添加presets。2、在main.js引入。可以看到，这个报错没有了。

360浏览器的兼容模式

qq_52563030的博客

02-01

1160

360浏览器的兼容模式

解决vue项目在ie和360兼容模式下显示空白页问题

m0_59360516的博客

08-03

3377

记一次bug解决，项目不复杂，是一个基于vue-cli3搭建的pc端项目，之前开发都是在谷歌浏览器上运行的，但在开发进入到后半段，经理说，项目需要在360兼容模式下展示，这时候发现项目在360兼容模式下显示空白页，并且没有任何报错，第一次遇到这种问题，于是就去网上搜索找答案。...

vue项目在IE浏览器和360兼容模式下页面不显示问题，亲测有效

黄孝果的博客

07-08

1842

解决方法：安装 "babel-polyfill" 1、命令：cnpm install --save-dev babel-polyfill 2、在入口main.js文件引入：import 'babel-polyfill'，放页面顶部最好。 3、在build文件夹下找到webpack.base.conf.js中app: ["./src/main.js"]改为app: ["babel-polyfill", "./src/main.js"] 即： module.exports = { entry: { a

vue 浏览器版本兼容问题解决方案

Ann_52547的博客

11-28

3198

（1）Babel：Babel 是一个 JavaScript 编译器，可以将 ES6+ 的语法转换成 ES5 语法，以便支持老旧的浏览器。（3）Vue Compatibility Build：Vue.js 官方提供了专门用于兼容老旧浏览器的构建版本，包含了必要的 polyfills 和补丁。需要注意的是，具体使用哪些依赖项以及配置方式取决于你的项目和目标浏览器支持的版本。Vue版本不兼容:Vue2.6版本是比较老的版本，如果使用的是一些较新的浏览器，可能会出现兼容性问题。vue：Vue.js 的核心库。

vue兼容ie11和360兼容模式

qq_37004501的博客

08-25

654

解决办法，监听窗口滚动，定位元素滚动到顶部时添加绝对定位的class，不在顶部时移除该class。解决办法，判端ie11和360兼容模式下设置video高为100%或者auto。解决办法，直接使用video标签代替，删除里面的source标签。背景：vue在ie11和360兼容模式下打开，页面显示空白页。通过以上代码即可解决，除此外还有一些其他不兼容的地方。