vue-cli5.0 兼容低版本谷歌浏览器

最新推荐文章于 2024-05-16 15:47:06 发布
最新推荐文章于 2024-05-16 15:47:06 发布
阅读量1.1k 收藏 3
点赞数
文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33168578/article/details/130293908
版权

直接使用默认配置打包部署出来的项目再60、70版本的谷歌浏览器跑不起来，蓝屏

解决方案：

修改package.json文件的browserslist配置，修改为你想要兼容的浏览器列表

 "browserslist": [
    "> 0.07%",
    "not dead"
  ]

查看浏览器兼容版本

1. Browserslist 

 修改红框的条件可以看到支持的浏览器版本

2.再项目目录下运行 yarn browerslist 可以查看当前支持的浏览器版本

browerslist 指定了项目的目标浏览器的范围。这个值会被 @babel/preset-env 和 Autoprefixer 用来确定需要转译的 JavaScript 特性和需要添加的 CSS 浏览器前缀。

网上搜索了很多方法，下载了babel-polyfill，@babel下的polyfill，再main.js引入再配置等等都不生效，原来是webpack配置的browerslist的原因，>.<

Y丶小琪
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue3+ts+vite4兼容低版本详细版（已在谷歌70,60测试）
可可的博客
02-03 1556
生成传统的 ES5 代码：@vitejs/plugin-legacy 将原始的源码转换为与旧版浏览器兼容的 ES5 代码。生成基于 SystemJS 的兼容性包装：为了兼容不支持 ES 模块的旧版浏览器，该插件还会生成一个基于 SystemJS 的包装文件。生成响应式的 HTML 文件：插件还会根据浏览器请求的 User Agent，动态生成适合该浏览器的响应式 HTML 文件。总体而言，@vitejs/plugin-legacy 插件通过转换源码、生成兼容性包装和提供响应式的 HTML。
vue-print-nb 兼容低版本浏览器
11-28
vue-print-nb 兼容低版本浏览器 import Print from '@/lib/vue-print-nb/print.umd.min'Vue.use(Print)
vue3，cli5兼容低版本浏览器
m0_64957092的博客
08-13 372
更改package.json文件browserslist配置项。
在vue2，cli5的情况下配置ie的兼容或者直接不兼容并且提示或者跳转
Shi_haoliu的博客
02-28 706
遇到的问题就是有些样式可能不能正常显示，还有就是词云图里面有报错。 或者直接不兼容
vue3+vite适配低版本谷歌浏览器；vue3浏览器兼容性处理
最新发布
i_am_a_div的博客
05-16 1435
vue3+vite适配低版本浏览器
vue如何更好的解决浏览器兼容问题
03-02 943
Vue.js 在开发现代Web应用时，默认只支持最新的浏览器特性，这意味着在旧版或非主流浏览器如IE系列中可能需要额外的工作来确保兼容性。通过上述步骤，可以在Vue项目中有效地解决浏览器兼容性问题。不过请注意，随着Web技术的发展，越来越多的新项目倾向于不再支持非常老旧的浏览器，尤其是IE浏览器，而是推荐用户升级到最新版的主流浏览器。
Vue项目不兼容ie浏览器的解决办法
zuo_zuo_blog的博客
12-14 1292
Vue项目兼容IE浏览器 安装babel-polyfill npm install babel-polyfill --save-dev 或者 cnpm install babel-polyfill --save-dev 然后在入口main.js文件引入：import ‘babel-polyfill’ 我是用了官方脚手架vue-cli，还要修改配置文件，网上一般说的是修改webpack.config.js 在module.exports里添加： entry:{ app:["babel-polyfi
chrome vue 未响应_vue兼容低版本chrome
weixin_39941732的博客
02-01 2530
做项目遇到了一些不能轻易升级chrome版本的客户，他们还用着40版本的chrome，所以今天就来说说为了兼容低版本的chrome做了哪些努力。主要是两件事情：(1)将自己代码转为es5版本(2)将node_modules中引用的插件，有需要的部分转为es5版本转自己的配置自己的代码我们需要用到一个新的插件babel-polyfill(1)安装由于这个需要在你的源码之前使用，我们需要将其安装为de...
vue/cli脚手架搭建的vue3项目兼容低版本谷歌浏览器
qq_39196447的博客
10-08 782
找到项目中的.browserslistrc文件，增加一行。chrome >48 （版本号可以自行修改）
vue-cli5.0.x优雅降级，配置项目兼容旧版浏览器
阿牛哥的博客
11-02 1315
vue-cli5.0.x脚手架下的，如何降低项目版本以适用于底版本的浏览器。
VUE中兼容低版本浏览器及安卓5.0以下的设备
weixin_44163210的博客
09-07 1671
有2种解决方法，es6-promise和babel-polyfill 第一种 npm install es6-promise -S // 下载插件 import 'es6-promise/auto' // 在main.js中引入 第二种 npm install babel-polyfill -S import "babel-polyfill" // 在 main.js 首行引入即可 或者 下载完插件后再webpack.config.js进行如下配置 module.exports = { // entr
Vue超级好用的谷歌浏览器调试工具
10-24
vue超级季好用的谷歌浏览器调试工具，可以直接查看节点内容、vuex数据准状态情况
谷歌浏览器 dev_22.0.1229.2
08-21
谷歌浏览器 dev_22.0.1229.2
vue-cli-plugin-multiple-page:基于vue-cli https的buildwatch多页面条目插件
05-30
vue-cli-plugin-multiple-page 一个基于 vue-cli 捆绑多个页面的插件。 与vue-cli's pages配置不同，它是通过将多个页面分片到不同的 webpack 配置来处理的 用法 在你的 vue-cli 创建的项目中安装插件，如果没有请...
vue-cli系列之vue-cli-service整体架构浅析
12-07
vue启动一个项目的时候，需要执行npm run serve，其中这个serve的内容就是vue-cli-service serve。可见，项目的启动关键是这个vue-cli-service与它的参数serve。接下来我们一起看看service中主要写了什么东东（主要...
详解Vue-cli3 项目在安卓低版本系统和IE上白屏问题解决
12-09
最近遇到一个问题，用 Vue 开发的项目在最近两年新出的安卓手机上没问题，在三四年前的旧...网上的文章大部分是 Vue-cli 2.x 版本的解决方案，但 Vue-cli 3 跟之前的版本还是有很大差异的，可能是我比较菜，看了 n 篇文
vue-cli-plugin-tailwind:Tailwind CSS的vue-cli插件
05-10
vue-cli-plugin-tailwind 一个将Tailwind CSS添加到您的vue-cli项目的插件。入门在您的vue-cli项目文件夹中，通过以下方式添加插件： vue add tailwind选择要生成的Tailwind配置： 无-不会创建一个配置文件。 如果...
Vue2兼容低版本浏览器
txl910514的专栏
02-28 3080
注意：因为 @vitejs/plugin-legacy 只在 build 模式下生效，这也意味着 dev 模式下不经过 @vitejs/plugin-legacy 处理，所以 dev 模式下无法在低版本浏览器上运行。温馨提示：现在 Vue2 也可以使用组合式 api 了，具体参考：https://www.npmjs.com/package/@vue/composition-api。注意：必须使用新的 @vitejs/plugin-vue2 插件，否则 将无法正常使用！
vue兼容谷歌48版本
shidouyu的专栏
02-22 1758
控制台打开报错的文件，定位到相应的插件； 在vue.config.js中配置： 'transpileDependencies': [/[/\\]node_modules[/\\](.+?)?exceljs(.*)/, /[/\\]node_modules[/\\](.+?)?crypto-js(.*)/] css3不兼容： npm install css-vars-ponyfill mutationobserver-shim —save main.js中配置： import 'mutatio
vue-cli5.0兼容elementui
10-26
根据提供的引用内容，没有明确提到vue-cli5.0是否兼容elementui。但是可以看出，无论是在vue-cli还是在普通的vue项目中，都可以通过引入element-ui插件来使用它的组件和样式。因此，可以认为vue-cli5.0也是兼容elementui的。如果您在使用过程中遇到了问题，可以查看elementui官方文档或者在相关社区中提问。

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

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值