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

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

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

最近在使用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.

已知這種問(wèn)題會(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è)問(wèn)題是否已經(jīng)解決。如果已經(jīng)解決可以在評(píng)論告知一下，不勝感激～

解決辦法：

打開(kāi)項(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)目即可。

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

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

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

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

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

您可能感興趣的文章:

相關(guān)文章

React手寫(xiě)簽名組件react-signature實(shí)現(xiàn)簽字demo
這篇文章主要為大家介紹了React手寫(xiě)簽名組件react-signature實(shí)現(xiàn)簽字demo,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
2023-12-12
詳解如何在React中優(yōu)雅的使用addEventListener
這篇文章主要為大家詳細(xì)介紹了如何在React中優(yōu)雅的使用addEventListener，文中的示例代碼簡(jiǎn)潔易懂，對(duì)大家學(xué)習(xí)React有一定的幫助，需要的可以參考一下
2023-01-01
React之useEffect缺少依賴警告問(wèn)題及解決
這篇文章主要介紹了React之useEffect缺少依賴警告問(wèn)題及解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
2023-12-12
React純前端模擬實(shí)現(xiàn)登錄鑒權(quán)
這篇文章主要為大家詳細(xì)介紹了React純前端模擬實(shí)現(xiàn)登錄鑒權(quán)的相關(guān)知識(shí),文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
2024-04-04
react-navigation 如何判斷用戶是否登錄跳轉(zhuǎn)到登錄頁(yè)的方法
本篇文章主要介紹了react-navigation 如何判斷用戶是否登錄跳轉(zhuǎn)到登錄頁(yè)的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-12-12
React使用高德地圖的實(shí)現(xiàn)示例(react-amap)
這篇文章主要介紹了React使用高德地圖的實(shí)現(xiàn)示例(react-amap)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2021-04-04
2個(gè)奇怪的react寫(xiě)法
大家好，我卡頌。雖然React官網(wǎng)用大量篇幅介紹最佳實(shí)踐，但因JSX語(yǔ)法的靈活性，所以總是會(huì)出現(xiàn)奇奇怪怪的React寫(xiě)法。本文介紹2種奇怪（但在某些場(chǎng)景下有意義）的React寫(xiě)法。也歡迎大家在評(píng)論區(qū)討論你遇到過(guò)的奇怪寫(xiě)法
2023-03-03
react實(shí)現(xiàn)消息顯示器
這篇文章主要為大家詳細(xì)介紹了react實(shí)現(xiàn)消息顯示器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-08-08
React 錯(cuò)誤邊界組件的處理
這篇文章主要介紹了React 錯(cuò)誤邊界組件的處理，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2021-04-04
淺談React Native Flexbox布局(小結(jié))
這篇文章主要介紹了淺談React Native Flexbox布局(小結(jié)),小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-01-01