react 报错Module build failed: BrowserslistError: Unknown browser query `dead`问题的解决方法

更新时间：2023年06月04日 00:30:46 作者：zlq_csdn

这篇文章主要介绍了react 报错Module build failed: BrowserslistError: Unknown browser query `dead`问题的解决方法,需要的朋友可以参考下

最近在使用create-react-app构建项目的时候，执行npm run build命令，报错：

Module build failed: BrowserslistError: Unknown browser query `dead

原因：

在git上搜了一遍之后，发现是create-react-app在创建application的时候下载依赖使用了旧版本的BrowserslistError.

已知这种问题会出现在 create-react-app 版本号为 2.0.3/2.0.4，楼主用的是 2.0.4的版本，目前最新的create-react-app版本已经到2.1.3，不知到这个问题是否已经解决。如果已经解决可以在评论告知一下，不胜感激～

解决办法：

打开项目根目录的package.json，删除下面配置：

"browserslist": [
  ">0.2%",
  "not dead",
  "not ie <= 11",
  "not op_mini all"
]

这是你在使用create-react-app这个脚手架的时候自动为你配置的browserlist，删除后重启项目即可。

如果上述方法无效，那么就不是create-react-app的问题，则可以采用如下方法：

打开项目的webpack.json文件，增加配置：

"browserslist": [
    "last 2 versions",
    "android 4",
    "opera 12"
]

另外补充：在 Ubuntu 系统下通过 create-react-app 创建的项目，在 npm start 时报错，是因为 react-scripts 版本过高的原因，我将起转化为 1.1.4 可以正常使用。

到此这篇关于react 报错Module build failed: BrowserslistError: Unknown browser query `dead`问题的解决方法的文章就介绍到这了,更多相关Module build failed: BrowserslistError内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

React Native之TextInput组件解析示例
本篇文章主要介绍了React Native之TextInput组件解析示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-08-08
详解react内联样式使用webpack将px转rem
这篇文章主要介绍了详解react内联样式使用webpack将px转rem，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-09-09
React中useLayoutEffect钩子使用场景详解
这篇文章主要为大家介绍了React中useLayoutEffect钩子使用场景详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-12-12
React 中引入 CSS 高阶用法的方案详解
这篇文章主要介绍了React中引入CSS高阶用法的方案详解,至于使用react用哪种方案引入css,并没有一个绝对的答案,可以根据各自情况选择合适的方案,需要的朋友可以参考下
2024-02-02
React Hooks之useRef获取元素示例详解
这篇文章主要介绍了React Hooks之useRef获取元素示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-07-07
React控制元素显示隐藏的三种方法小结
这篇文章主要介绍了React控制元素显示隐藏的三种方法小结，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-12-12
利用React-router+Webpack快速构建react程序
目前 React、Webpack 等技术如火如荼，你是不是还在愁苦如何把这些杂乱的知识怎么学习一下，开启一段新的前端开发之路呢？那么这篇将给大家运用示例代码详细的介绍使用React-router和Webpack如何快速构建一个react程序，感兴趣的朋友们下面来一起看看吧。
2016-10-10
React实现图片缩放的示例代码
这篇文章主要为大家详细介绍了如何使用React实现图片缩放的功能,文中的示例代码讲解详细,具有一定的参考价值,感兴趣的小伙伴可以了解下
2023-10-10
适用于React Native 旋转木马应用程序介绍
这篇文章主要介绍了适用于React Native 旋转木马应用程序介绍,有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-10-10
React如何优雅的捕获异常
捕获异常是来定位你错误代码的。本文主要介绍了 React如何捕获异常，你知道多少种方法，ErrorBoundary，ErrorBoundary-try-catch等等。本文就来详细的介绍一下
2021-06-06