vue-cli 打包提示 Building for devbuild...Browserslist: caniuse-lite is outdated.

最新推荐文章于 2024-08-21 14:27:25 发布

palmer_kyle

最新推荐文章于 2024-08-21 14:27:25 发布

阅读量6.1k

点赞数 2

文章标签： caniuser-lite

原文链接：https://www.jianshu.com/p/238d8812c730

版权

打包控制台提示


 WARN  A new version of sass-loader is available. Please upgrade for best experience.
-  Building for devbuild...Browserslist: caniuse-lite is outdated. Please run next command `npm update`
Browserslist: caniuse-lite is outdated. Please run next command `npm update`
Browserslist: caniuse-lite is outdated. Please run next command `npm update`
-  Building for devbuild...Browserslist: caniuse-lite is outdated. Please run next command `npm update`
-  Building for devbuild...

强迫症来了，

执行如下命令即可解决

npm i autoprefixer@latest 
npm i caniuse-lite@latest 
npm i caniuse-lite browserslist@latest

参考

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

palmer_kyle

关注关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

解决：Browserslist: caniuse-lite is outdated. Please run:

A1abcvbnm的博客

05-21

340

如果下载插件不行的话，教大家最简单的方法，更新xhbuilder版本就行了，亲测有效。一直在百度和问AI，它们的方法需要下载各种插件都试过要么报各种问题，要不就是没解决。不知道为什么突然报错。

Browserslist: caniuse-lite is outdated

sonnyface的博客

09-05

3万+

vue 里面的依赖安装有的时候不需要全部更新，只有一个更新的时候需要做在yarn.lock中找到需要更新的依赖删除掉，然后再更新。这里遇到的就是caniuse-lite依赖需要更新。有两种方法可以解决这个问题。第一种就是删除 yarn.lock和node_modules依赖包后直接 yarn install 安装，这样有个问题就是不止一个依赖包会安装，所有的都会更新。如果出现新的语法和新的...

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

Vue项目中的preset-env, core-js, browserslist是干嘛的

最新发布

2401_83384536的博客

08-21

641

如题这三个东西，相信很多人都见过，也都会用会配置，但要是让你说出个所以然来，恐怕还不是那么容易。曾经的我，一边google一边配置，只要能用就万事大吉了，且每次google出来的似乎还跟上次的都有所不同，所以每次配置项目时，有差异的。然而却很少去深究为啥？为啥这样配也可以，那样配也可以，那到底怎样配置才是最佳的？下面就来简单说说我的理解，不对的地方欢迎指正。

【前端】vue项目打包Browserslist: caniuse-lite is outdated. Please run: npx update-browserslist-db@latest解决方案

No8g攻城狮的博客

05-29

2万+

最近项目打包的时候，本地打包没有问题，且能正常运行，但是一旦通过 CI/CD进行自动构建和发布的时候，就会报错Browserslist: caniuse-lite is outdated. Please run: npx update-browserslist-db@latest，并终止编译和打包。但是，但是，如果一旦通过 CI/CD进行自动构建和发布的时候，就会报错并结束打包，最后会导致打包失败。下图是本地电脑打包的时候报的错误信息，但是最终不影响项目构建和打包，可以打包成功。

解决 Vue项目报错 Browserslist: caniuse-lite is outdated. Please run: npx update-browserslist-db@latest

qq_31594665的博客

01-22

7064

在本地电脑上找到项目的node_modules文件夹下面：caniuse-lite、browserslist两个文件夹。并把caniuse-lite、browserslist这两个文件夹删除。然后运行下面的命令重新安装caniuse-lite、browserslist。Vue项目打包或者本地预览是报。

Browserslist: caniuse-lite is outdated. Please run next commandnpm update caniuse-lite browserslis报错...

MichaelAn的博客

02-13

480

Browserslist: caniuse-lite is outdated. Please run next command npm update caniuse-lite browserslis 报错解决问题在 React 项目中，使用 npm install 安装全部依赖后，运行 npm run start...

Vue项目跑不起来，提示Browserslist: caniuse-lite is outdated. Please runnpx browserslist@latest --update-db

weixin_45375716的博客

08-10

2550

vue项目运行跑不起来提示Browserslist: caniuse-lite is outdated. Please runnpx browserslist@latest --update-db

vue-cli3项目vue.config.js配置优化

Pan Fengshan的博客

08-20

1万+

vue-cli3项目vue.config.js配置欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导...

vue-cli 3.x 项目打包配置-vue.config.js

pamerely的博客

04-14

4123

这里写自定义目录标题前言npm run build配置-package.json.env.dev文件.env.prod文件vue配置文件-vue.config.js路由改成hash模式-router.js插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图...

vue-cli 3.0 打包（vue.config.js）修改js，css，img的输出路径

fly_home_ysc的博客

10-11

1万+

vue-cli3.*的打包配置都被抽象内置在项目的依赖中，可以使用命令来查看具体的项目配置信息（out.js表示输出的文件名称） vue inspect > out.js 因此，如果需要自定义配置，则需要在项目的根目录创建文件vue.config.js，并在该文件中进行具体的自定义配置。修改js的配置如下： output: { // 输出重构打包编译后的文件...

Vue - Syntax Error: TypeError: this.getOptions is not a function 项目运行时报错，详细解决方案

王佳斌

11-07

4814

vue2，Syntax Error: TypeError: this.getOptions is not a function，webpack，npm run serve，报错怎么办，运行报错，run serve时出现报错如何解决，vue2项目运行报错this.getOptions is not a function，vue2怎么解决npm run serve时的Syntax Error: TypeError: this.getOptions is not a function爆红报错，Vue - Synt

控制台报错：Browserslist: caniuse-lite is outdated. Please run: npx browserslist@latest --update-db

小栗子的博客

10-31

2万+

在项目文件所在目录下，删除node_modules依赖目录下的caniuse-lite、browserslist文件夹。这两个依赖主要作用就是处理前端页面的一些样式和脚本在各个浏览器中的兼容性问题，终端运行该命令，重新安装这两个依赖。

控制台报错：Browserslist: caniuse-lite is outdated. Please run next command `yarn upgrade`

yangwq的博客

05-15

3万+

控制台报错：Browserslist: caniuse-lite is outdated. Please run next command `yarn upgrade` 浏览器列表caniuse lite已过时。请运行下一个命令'yarn upgrade` 解决方案： 1.删除该项目node_modules下面的caniuse-lite和browserslist这两个文件夹 2. 运行命令 npm i caniuse-lite browserslist ...

Browserslist: caniuse-lite is outdated. Please run: npx update-browserslist-db@latest

小草莓的博客

05-06

2万+

1）先删了 node_modules/caniuse-lite 和 node_modules/browserslist 两个文件夹；有的版本会报错提示运行 npm update，运行完之后却不能解决问题。按照提示操作，运行上面命令能解决问题。

Browserslist: caniuse-lite is outdated. Please run next command npm update caniuse-lite browserslis

MichaelAn的博客

12-05

1万+

Browserslist: caniuse-lite is outdated. Please run next command npm update caniuse-lite browserslis 报错解决问题在 React 项目中，使用 npm install 安装全部依赖后，运行 npm run start 然后界面出现上面的错误依照命令行提示去更新（npm update……）不起作用...

解决方案：Browserslist：caniuse-lite is outdated. Please run next command `npm update`

热门推荐

qq_42961150的博客

09-24

6万+

在运行一个很久没运行的vue的时候，突然出现该警告： Browserslist: caniuse-lite is outdated. Please run next command `npm update` 简单翻译一下：caniuse lite已过时。请运行下一个命令npm update 按照提示运行npm update还是没解决，于是查阅了资料找到了最有效的解决方案解决方案：先删了node_modules/caniuse-lite和node_modules/browserslist两个

Vue打包出现Browserslist: caniuse-lite is outdated

松烟入墨

11-28

3112

Vue打包出现Browserslist: caniuse-lite is outdated的解决办法

WARN A new version of sass-loader is available. Please upgrade for best experience

weixin_45776910的博客

08-02

6501

报错的写法： uni.scss import ‘uview-ui/theme.scss’; App.vue import “./…/node_modules/uview-ui/index.scss”; **换成** uni.scss @import ‘../node_modules/uview-ui/theme.scss’; App.vue import “../node_modules/uview-ui/index.scss”; ...

npm 镜像等常见问题

jinwanmeng的专栏

12-13

1474

npm 镜像等常见问题

Browserslist: caniuse-lite is outdated. Please run:

09-06

这个警告是由于caniuse-lite版本过旧导致的。可以通过以下两种解决方案来解决这个问题：解决方案一：重新安装caniuse-lite和browserslist。可以使用以下命令重新安装它们： ``` npm uninstall caniuse-lite browserslist npm install caniuse-lite browserslist ``` 解决方案二：使用npm update命令更新caniuse-lite和browserslist： ``` npm update caniuse-lite browserslist ``` 你可以根据自己的需求选择其中一种解决方案来更新caniuse-lite和browserslist。同时，你可以参考browserslist和caniuse-lite的官方文档来获取更多信息。 123 #### 引用[.reference_title] - *1* [Browserslist: caniuse-lite is outdated. Please run:npx browserslist@latest --update-db](https://blog.csdn.net/yf18040578780/article/details/128717561)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* *3* [【前端】vue项目打包Browserslist: caniuse-lite is outdated. Please run: npx update-browserslist-db@...](https://blog.csdn.net/weixin_44299027/article/details/130923093)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]