react 報(bào)錯(cuò)Module build failed: BrowserslistError: Unknown browser query `dead`問題的解決方法

更新時(shí)間：2023年06月04日 00:30:46 作者：zlq_csdn

這篇文章主要介紹了react 報(bào)錯(cuò)Module build failed: BrowserslistError: Unknown browser query `dead`問題的解決方法,需要的朋友可以參考下

最近在使用create-react-app構(gòu)建項(xiàng)目的時(shí)候，執(zhí)行npm run build命令，報(bào)錯(cuò)：

Module build failed: BrowserslistError: Unknown browser query `dead

原因：

在git上搜了一遍之后，發(fā)現(xiàn)是create-react-app在創(chuàng)建application的時(shí)候下載依賴使用了舊版本的BrowserslistError.

已知這種問題會(huì)出現(xiàn)在 create-react-app 版本號(hào)為 2.0.3/2.0.4，樓主用的是 2.0.4的版本，目前最新的create-react-app版本已經(jīng)到2.1.3，不知到這個(gè)問題是否已經(jīng)解決。如果已經(jīng)解決可以在評(píng)論告知一下，不勝感激～

解決辦法：

打開項(xiàng)目根目錄的package.json，刪除下面配置：

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

這是你在使用create-react-app這個(gè)腳手架的時(shí)候自動(dòng)為你配置的browserlist，刪除后重啟項(xiàng)目即可。

如果上述方法無效，那么就不是create-react-app的問題，則可以采用如下方法：

打開項(xiàng)目的webpack.json文件，增加配置：

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

另外補(bǔ)充：在 Ubuntu 系統(tǒng)下通過 create-react-app 創(chuàng)建的項(xiàng)目，在 npm start 時(shí)報(bào)錯(cuò)，是因?yàn)?react-scripts 版本過高的原因，我將起轉(zhuǎn)化為 1.1.4 可以正常使用。

到此這篇關(guān)于react 報(bào)錯(cuò)Module build failed: BrowserslistError: Unknown browser query `dead`問題的解決方法的文章就介紹到這了,更多相關(guān)Module build failed: BrowserslistError內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

React實(shí)現(xiàn)登錄界面的項(xiàng)目實(shí)踐
本文主要介紹了用React創(chuàng)建登錄表單,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2025-09-09
React組件的使用詳細(xì)講解
React組件分為函數(shù)組件與class組件；函數(shù)組件是無狀態(tài)組件，class稱為類組件；函數(shù)組件只有props，沒有自己的私有數(shù)據(jù)和生命周期函數(shù)；class組件有自己私有數(shù)據(jù)(this.state)和生命周期函數(shù)
2022-11-11
useEvent顯著降低Hooks負(fù)擔(dān)的原生Hook
這篇文章主要為大家介紹了useEvent顯著降低Hooks負(fù)擔(dān)的原生Hook示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-07-07
react中useEffect函數(shù)的詳細(xì)用法(最新推薦)
useEffect是React中的一個(gè)Hook,用于在函數(shù)組件中處理副作用（如數(shù)據(jù)獲取、訂閱、手動(dòng)更改 DOM 等）,useEffect屬于組件的生命周期方法,下面通過本文給大家分享react中useEffect函數(shù)的詳細(xì)用法,感興趣的朋友跟隨小編一起看看吧
2024-06-06
React?Native實(shí)現(xiàn)Toast輕提示和loading效果
這篇文章主要介紹了React Native實(shí)現(xiàn)Toast輕提示和loading效果，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2023-09-09
react自適應(yīng)布局px轉(zhuǎn)rem實(shí)現(xiàn)示例詳解
這篇文章主要為大家介紹了react自適應(yīng)布局px轉(zhuǎn)rem實(shí)現(xiàn)示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
2023-08-08
一個(gè)基于react的圖片裁剪組件示例
本篇文章主要介紹了一個(gè)基于react的圖片裁剪組件示例，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2018-04-04
關(guān)于react+antd樣式不生效問題的解決方式
最近本人在使用Antd開發(fā)時(shí)遇到些問題,所以下面這篇文章主要給大家介紹了關(guān)于react+antd樣式不生效問題的解決方式,文中通過圖文以及實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-07-07
react執(zhí)行【npx create-react-app my-app】出現(xiàn)常見錯(cuò)誤的解決辦法
文章主要介紹了在使用npx創(chuàng)建React應(yīng)用時(shí)可能遇到的幾種常見錯(cuò)誤及其解決方法,包括缺少依賴、網(wǎng)絡(luò)問題和npx解析錯(cuò)誤等,并提供了相應(yīng)的解決措施,此外,還提到了使用騰訊云云產(chǎn)品來支持React應(yīng)用開發(fā)
2024-11-11
React項(xiàng)目動(dòng)態(tài)修改主題顏色的方案
這篇文章主要介紹了React項(xiàng)目動(dòng)態(tài)修改主題顏色的方案,文中通過代碼示例講解的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下
2025-01-01