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

- 日理万妓 2022-12-17 08:45 305阅读 0赞

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

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

但是每次构建都会报这个

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

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h5cGhm_size_16_color_FFFFFF_t_70

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

最后这样解决了

npm uninstall caniuse-lite browserslist

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h5cGhm_size_16_color_FFFFFF_t_70 1

在重新装一下

sudo cnpm i caniuse-lite browserslist

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h5cGhm_size_16_color_FFFFFF_t_70 2

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

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

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

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

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

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

发表评论

表情：
评论列表 （有 0 条评论，305人围观）

还没有评论，来说两句吧...

相关阅读