react搭建環(huán)境時執(zhí)行npm start報錯start: 'react-scripts start'的解決
react搭建環(huán)境時執(zhí)行npm start報錯start: 'react-scripts start'的解決
執(zhí)行npm start 報錯 my-app@0.1.0 start:‘react-scripts start’
我在搭建好react環(huán)境之后 只是安裝了一個項目，然后在執(zhí)行 npm start的時候出現(xiàn)了報錯
錯誤如下圖所示
開始在網(wǎng)上搜索了一些辦法 大部分問題都可以通過下面幾種方法解決：
1）有的是因為node 或者webpack的版本不兼容的問題，據(jù)說5點幾的npm有問題，建議升級或者重新安裝穩(wěn)定一點的版本。 不過這種的報錯會出現(xiàn)一個版本沖突的提示
：：此處我就不具體講版本沖突的解決方法了。
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
有時采用上面兩種方式也解決不了問題，可以使用yarn 安裝.
: yarn
結(jié)果
在以上幾種方式都執(zhí)行過后發(fā)現(xiàn)還是不能解決問題，依然報錯。
然后我試了重新安裝node并且重新npm install都無濟(jì)于事
當(dāng)你用以上幾種方法都沒有解決報錯的情況下應(yīng)該就是下面這種情況了：
最后才發(fā)現(xiàn)主要錯誤是 spawn cmd ENOENT的原因 然后在網(wǎng)上找到問題所在是因為環(huán)境變量的原因，cmd沒有設(shè)置系統(tǒng)環(huán)境變量，
解決方案如下：
打開電腦計算機屬性>選擇高級>點擊環(huán)境變量
在系統(tǒng)變量path中添加 c:\windows\system32即可，重新npm start就可以成功運行了
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
Modal(模態(tài)框)是 web 開發(fā)中十分常見的組件,即從頁面中彈出的對話框,下面這篇文章主要給大家介紹了關(guān)于React項目中hook實現(xiàn)展示對話框功能的相關(guān)資料,需要的朋友可以參考下2022-05-05
這篇文章主要介紹了使用Ant Design Anchor組件的一個坑及解決,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-04-04
react拖拽組件react-sortable-hoc的使用
本文主要介紹了react拖拽組件react-sortable-hoc的使用，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-02-02
React實現(xiàn)控制減少useContext導(dǎo)致非必要的渲染詳解
這篇文章主要介紹了React如何有效減少使用useContext導(dǎo)致的不必要渲染,使用useContext在改變一個數(shù)據(jù)時，是通過自己逐級查找對比改變的數(shù)據(jù)然后渲染，本文通過示例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-11-11
本文以簡潔為目標(biāo)，幫助快速上手react-router-dom默認(rèn)你接觸過路由相關(guān)的開發(fā)，通過實例代碼講解的很詳細(xì)，對React路由相關(guān)知識感興趣的朋友一起看看吧2021-05-05
輪播組件是常見的一種方式,用來展示圖像、信息或者是廣告,本文就來介紹一下React實現(xiàn)動態(tài)輪播圖的使用示例,具有一定的參考價值,感興趣的可以了解一下2023-12-12
react中axios結(jié)合后端實現(xiàn)GET和POST請求方式
這篇文章主要介紹了react中axios結(jié)合后端實現(xiàn)GET和POST請求方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-02-02
react-redux action傳參及多個state處理的實現(xiàn)
本文主要介紹了react-redux action傳參及多個state處理的實現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-07-07
在React應(yīng)用中,組件間的通信是常見的需求,通常,父組件通過props向子組件傳遞數(shù)據(jù),但有時也需要子組件向父組件傳遞數(shù)據(jù),本文將探討如何在React中實現(xiàn)子組件向父組件傳值的幾種方法,需要的朋友可以參考下2025-04-04
React Fragment 和空標(biāo)簽(＜＞＜/＞)用法及區(qū)別詳解
本文詳細(xì)介紹了React中的Fragment和空標(biāo)簽的使用,包括它們的區(qū)別、使用場景、性能考慮以及最佳實踐,本文給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧2025-01-01