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

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

但是每次构建都会报这个

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

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

最后这样解决了

npm uninstall  caniuse-lite browserslist

在重新装一下

sudo cnpm i caniuse-lite browserslist

在重新构建一下 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

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

  1. flink1.13.2源码编译遇到的坑(三)Browserslist: caniuse-lite is outdated. Please run next command `npm update

    问题:Browserslist: caniuse-lite is outdated. Please run next command npm update 解决办法:先删了node_modules/c ...

  2. uni-app系列(十):Browserslist: caniuse-lite is outdated. Please run next command `npm update`

  3. Browserslist: caniuse-lite is outdated. Please run: npx ....

    今天打包 Vue 项目,突然蹦出一个告警: Browserslist: caniuse-lite is outdated. Please run:$ npx browserslist@latest - ...

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

    控制台报错:Browserslist: caniuse-lite is outdated. Please run: npx browserslist@latest --update-db 问题处理 1 ...

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

    一.背景 使用 yarn start 或者 npm run dev 运行项目出现警告: Browserslist: caniuse-lite is outdated. Please run: npx ...

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

    使用yarn start 运行项目出现警告⚠️ Browserslist: caniuse-lite is outdated. Please run: npx browserslist@latest ...

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

    解决方案 一.背景描述 二.解决方案 2.1 解决方案一:重新安装 caniuse-lite.browserslist 2.2 解决方案二:npm update caniuse-lite browse ...

  8. 【Rust】Ubuntu编译Rust程序报错 failed to run custom build command for openssl-sys v0.9.39 的解决方法

    Ubuntu环境下编译Rust程序报错: failed to run custom build command for openssl-sys v0.9.39 Ubuntu版本:20.04 参考Git ...

  9. npm run build: rimraf: command not found

    当出现以下构建失败的情况时: npm run build> new-proj@0.0.1 prebuil > rimraf distsh: rimraf: command not foun ...

  10. 在终端输入npm run serve时出现npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! test_vue_0613@1.0.0 dev: 错误的

    最近遇到了一个问题,废了我九牛二虎之力终于给他解决了,原因竟然是这个 有的人用的是用的是mac,有的人用的是windows,所以苹果系统有时候为了兼容会安装一些依赖包 (比如:fsevents),而有 ...

最新文章

  1. centos 升级4.0 内核
  2. 【Groovy】集合遍历 ( 使用集合的 findAll 方法查找集合中符合匹配条件的所有元素 | 代码示例 )
  3. 前端知识点总结——JS高级(持续更新中)
  4. 如何把 .NET 进程中的所有托管异常找出来?
  5. 如何使用Aimersoft iMusic for Mac从 Android 手机备份歌曲到 PC/Mac?
  6. C#LeetCode刷题之#461-汉明距离​​​​​​​(Hamming Distance)
  7. c++笔试必考内容:const使用详解
  8. 别再问如何用 Python 提取 PDF 内容了!
  9. 直面 Jira,Worktile CTO 为何自信满满?
  10. 资源图与死锁定理的灵活运用
  11. 从Zachman企业架构框架想到的
  12. PDF转Word的时候需要输入密码怎么办?
  13. windows cmd 复制文件
  14. 包含资金约束的多阶段报童模型
  15. .netcore获取微信openid与unionid方法
  16. WorldFirst澳元收款账户上线,人民币提现当天到账!
  17. 身份证真伪辨别python版
  18. 物联网企业争抢「两轮车换电」赛道
  19. 火狐浏览器主页被篡改的解决办法!
  20. C++ 风格与技术 FAQ(中文版)

热门文章

  1. 小程序从数组中删除指定对象,返回新的长度源代码
  2. linux报错Error: /proc must be mounted
  3. IOS------网易新闻滚动标题
  4. 搭档之家|紧跟信息消费大发展时代步伐
  5. Flutter实战-请求封装(五)之Isolate线程改造
  6. Dart基础之Isolate
  7. 题解:艾米利亚的魔法
  8. poi操作word,写入一个图片,并且设置其大小,以及图片和base64之间的互相转换,以及表格内容替换和插入
  9. python判断正数和负数教案_(完整版)正数和负数教学设计
  10. 一点点读懂cpufreq(二)