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

Koini

已于 2023-10-16 11:06:10 修改

阅读量949

点赞数

文章标签： vue.js 前端 javascript

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

本文链接：https://blog.csdn.net/qq_39049726/article/details/133807361

版权

请添加图片描述

图中可以看到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
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
vue项目在360兼容模式下无法打开

360兼容模式
复制链接

扫一扫

vue在IE和360兼容模式下无法显示问题

baozisss的博客

07-31

4246

babel-polyfill babel-polyfill 是针对全局环境的，引入它浏览器就好像具备了规范里定义的完整的特性，一旦引入，就会跑一个 babel-polyfill 实例。用法如下： 1.安装 babel-polyfill npm install babel-polyfill --save 2.在入口文件中引用： import 'babel-polyfill' 针对ES...

Vue项目多浏览器兼容(主要是IE、360)

weixin_44086918的博客

09-22

6379

然而第二种情况就是你要使用某个这个插件的时候，同时你又在某个commonJS写的文件里使用这个插件时，babel会默认你这个文件是ES6的文件，然后就使用import导入了这个插件，从而产生了和第一种情况一样的混用错误。解决方法是在babel.config.js里配置unambiguous设置，让babel和webpack一样严格区分commonJS文件和ES6文件。找到后在vue.config.js中加入：里面的都是一个个插件名，注意写的是插件名。以上基本就可以了，如何还不行就是第三方插件的问题了。

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

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

黄孝果的博客

07-08

1696

解决方法：安装 "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

最新版的360浏览器vue插件无法显示问题。适合Vue新手小白。

热门推荐

White feathe 的博客

04-19

3万+

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

关于vue4.0版本不支持360等浏览器语法错误SCRIPT1002的解决办法

qq_15793923的博客

01-13

1219

首先在vue根目录创建文件夹 .babelrc 内容 { "presets": [["@babel/preset-env", { "modules": false }]], "plugins": [ [ "component", { "libraryName": "element-ui", "styleLibraryName"...

360浏览器的兼容模式

qq_52563030的博客

02-01

790

360浏览器的兼容模式

解决vue项目xp系统下的兼容性

06-20

hiprint打印示例修改

在nginx上部署vue项目(history模式)的方法

08-28

vue-router 默认是hash模式，使用url的hash来模拟一个完整的url，当url改变的时候，页面不会重新加载。这篇文章主要介绍了在nginx上部署vue项目(history模式),需要的朋友可以参考下

vue项目打包后打开页面空白解决办法

08-27

在 Vue 项目开发中，经常会遇到打包后打开页面为空白的情况，本文将详细介绍解决这种问题的方法。一、路径问题在 Vue 项目中，index.html 文件中的内容都是通过 script 标签引入的，因此路径的问题是导致页面为...

vue脚手架搭建项目的兼容性配置详解

12-12

使用vue-cli搭建项目，面临着解决ie兼容性问题(ie9+)，因为ie浏览器并不支持es6语法等。首先安装babel-polyfill，解决ie不支持promise对象的问题 npm install --save-dev babel-polyfill 安装成功之后,在main.js...

vue-cli在 history模式下的配置详解

10-15

主要介绍了vue-cli在 history模式下的配置详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

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

weixin_39947396的博客

12-22

2187

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

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

Ann_52547的博客

11-28

2712

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

Vue3项目在XP系统中空白显示，或者提示报错解决办法

weixin_47294233的博客

09-06

703

Vue3项目在XP系统中空白显示，或者提示报错解决办法

vue+element 在ie和360浏览器的兼容问题

ddyy2695734664的博客

03-05

7349

只是单纯的新闻性网站，包括首页、栏目页、详情页和一些专题页面，部署完之后在谷歌没什么问题，当用户提到在ie打不开的时候才考虑到很久没去做ie的兼容了，这些页面里主要用到的关键技术点就是一些基础的数据绑定以及关键问题Vue.component组件用于展示网站的公共部分，代码如下：后来就各种百度，说是vue内部包含es6的语法，ie不支持，就按照网上的说法下载了一个polyfill.min.js文...

“相关推荐”对你有帮助么？

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交