欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Browserslist: caniuse-lite is outdated. Please run the following command: `npm update`

程序员文章站 2024-03-25 08:44:16
...

中途接手一个react项目,没有任何交接,没有原型和UI,只有源码,但是遇到一个巨恶心的问题,

其中有一个页面本地npm start的时候正常运行,但是npm run build构建之后,运行构建后的文件,一直有一个页面显示的是白板,控制台和console都不报错。非常恶心,一直找不到原因。

但是每次构建都会报这个

Browserslist: caniuse-lite is outdated. Please run the following command: `npm update`

Browserslist: caniuse-lite is outdated. Please run the following command: `npm update`

npm update和 npm update caniuse-lite都执行过,也没用

最后这样解决了

npm uninstall  caniuse-lite browserslist

Browserslist: caniuse-lite is outdated. Please run the following command: `npm update`

在重新装一下

sudo cnpm i caniuse-lite browserslist

Browserslist: caniuse-lite is outdated. Please run the following command: `npm update`

在重新构建一下 npm run build就好了

 

下面顺便说一下如何在本地运行构建后的目录

#step1 安装serve
npm install serve --save -g
#step2 进入到dist目录
cd 你构建后的文件目录
# 一般为cd dist 或者 cd build
#step3 执行serve
serve
#项目就会在5000端口运行

这样可以在本地预览构建后的项目文件了。

https://www.npmjs.com/package/caniuse-lite

https://www.npmjs.com/package/browserslist

相关标签: 兼容性解决