react搭建環(huán)境時(shí)執(zhí)行npm start報(bào)錯(cuò)start: 'react-scripts start'的解決
react搭建環(huán)境時(shí)執(zhí)行npm start報(bào)錯(cuò)start: 'react-scripts start'的解決
執(zhí)行npm start 報(bào)錯(cuò) my-app@0.1.0 start:‘react-scripts start’
我在搭建好react環(huán)境之后 只是安裝了一個(gè)項(xiàng)目，然后在執(zhí)行 npm start的時(shí)候出現(xiàn)了報(bào)錯(cuò)
錯(cuò)誤如下圖所示
開始在網(wǎng)上搜索了一些辦法 大部分問題都可以通過下面幾種方法解決：
1）有的是因?yàn)閚ode 或者webpack的版本不兼容的問題，據(jù)說5點(diǎn)幾的npm有問題，建議升級(jí)或者重新安裝穩(wěn)定一點(diǎn)的版本。 不過這種的報(bào)錯(cuò)會(huì)出現(xiàn)一個(gè)版本沖突的提示
：：此處我就不具體講版本沖突的解決方法了。
2）網(wǎng)上有的說是端口被占用，但我檢查過后發(fā)現(xiàn)不是端口的問題
3）還有一種情況就是緩存的問題 需要清除緩存、
cmd中執(zhí)行： npm cache clean --force 清除緩存
執(zhí)行你怕嗎start即可 如不行可以試試先刪除node_module包清除緩存之后再安裝
4）可能存在create-react-app有丟包的缺陷，檢查node_modules/.bin/目錄下是否有react-scripts的文件 沒有則需要重新npm install一下，這樣npm start命令才能正常執(zhí)行。
cmd命令：npm install react-scripts或者是npm install
有時(shí)采用上面兩種方式也解決不了問題，可以使用yarn 安裝.
: yarn
結(jié)果
在以上幾種方式都執(zhí)行過后發(fā)現(xiàn)還是不能解決問題，依然報(bào)錯(cuò)。
然后我試了重新安裝node并且重新npm install都無濟(jì)于事
當(dāng)你用以上幾種方法都沒有解決報(bào)錯(cuò)的情況下應(yīng)該就是下面這種情況了：
最后才發(fā)現(xiàn)主要錯(cuò)誤是 spawn cmd ENOENT的原因 然后在網(wǎng)上找到問題所在是因?yàn)榄h(huán)境變量的原因，cmd沒有設(shè)置系統(tǒng)環(huán)境變量，
解決方案如下：
打開電腦計(jì)算機(jī)屬性>選擇高級(jí)>點(diǎn)擊環(huán)境變量
在系統(tǒng)變量path中添加 c:\windows\system32即可，重新npm start就可以成功運(yùn)行了
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
詳解使用create-react-app添加css modules、sasss和antd
這篇文章主要介紹了詳解使用create-react-app添加css modules、sasss和antd，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-07-07
這篇文章主要介紹了Vite?+?React?如何從0到1搭建一個(gè)開源組件庫，本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-06-06
本篇文章主要介紹了create-react-app修改為多頁面支持的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-05-05
采用React編寫小程序的Remax框架的編譯流程解析(推薦)
這篇文章主要介紹了采用React編寫小程序的Remax框架的編譯流程解析(推薦),本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-04-04
react-native?父函數(shù)組件調(diào)用類子組件的方法(實(shí)例詳解)
這篇文章主要介紹了react-native?父函數(shù)組件調(diào)用類子組件的方法,通過詳細(xì)步驟介紹了React 函數(shù)式組件之父組件調(diào)用子組件的方法，代碼簡單易懂，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-09-09
React實(shí)現(xiàn)路由鑒權(quán)的實(shí)例詳解
React應(yīng)用中的路由鑒權(quán)是確保用戶僅能訪問其授權(quán)頁面的方式,用于已登錄或具有訪問特定頁面所需的權(quán)限,這篇文章就來記錄下React實(shí)現(xiàn)路由鑒權(quán)的流程,需要的朋友可以參考下2024-07-07
這篇文章主要為大家詳細(xì)介紹了react封裝全局彈框的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-10-10
這篇文章主要為大家詳細(xì)介紹了使用React組件編寫溫度顯示器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-08-08
React + Node.js實(shí)現(xiàn)圖片上傳功能
最近筆者在開發(fā)個(gè)人博客的后臺(tái)管理系統(tǒng),里面用到了圖片上傳相關(guān)的功能,在這里記錄并分享一下,希望可以幫到大家,話不多說直接開始吧,感興趣的朋友可以參考下2024-01-01
React+CSS?實(shí)現(xiàn)繪制豎狀柱狀圖
這篇文章主要介紹了React+CSS?實(shí)現(xiàn)繪制豎狀柱狀圖，文章圍繞主題展開詳細(xì)的內(nèi)容介紹。具有一定的參考價(jià)值，需要的朋友可以參考一下2022-09-09