一、報(bào)錯(cuò)截圖
二钉迷、分析報(bào)錯(cuò)內(nèi)容
圖1中的報(bào)錯(cuò)信息出皇,主要說的是如下:
這不是create React App時(shí)的錯(cuò)誤,而是需要在本地修復(fù)的問題。
由create React App提供的React 腳本包需要安裝依賴項(xiàng)魂毁。
"babel-eslint": "9.0.0"
不要嘗試手動(dòng)安裝:包管理器會(huì)自動(dòng)安裝玻佩。
然而,在樹的高處發(fā)現(xiàn)了不同版本的Babel Eslint席楚。
已知手動(dòng)安裝不兼容的版本會(huì)導(dǎo)致難以調(diào)試的問題咬崔。
如果希望忽略此檢查,請將skip_preflight_check=true添加到項(xiàng)目中的.env文件中烦秩。
這將永久禁用此郵件垮斯,但您可能會(huì)遇到其他問題。
若要修復(fù)依賴關(guān)系樹只祠,請嘗試按正確的順序執(zhí)行以下步驟:
【1】刪除項(xiàng)目中的package-lock.json(不是package.json6等洹)和/或 yarn.lock 文件。
【2】 刪除項(xiàng)目文件夾中的node_modules抛寝。
【3】從項(xiàng)目文件夾中package.json文件的devdependencies中刪除“babel eslint”
【4】運(yùn)行npm install 或 yarn熊杨,取決于您使用的包管理器。在大多數(shù)情況下墩剖,這應(yīng)該足以解決問題猴凹。
如果這沒有幫助,您可以嘗試其他一些方法:
【5】如果使用了NPM岭皂,請安裝yarn(http://yarnpkg.com/)并用它重復(fù)上述步驟郊霎。這可能會(huì)有所幫助,因?yàn)镹PM已經(jīng)知道包提升的問題爷绘,在將來的版本中可能會(huì)得到解決
【6】檢查/users/hmly/desktop/react/xiang shou jiu da ka/node_modules/babel eslint是否在項(xiàng)目目錄之外书劝。
例如,您可能意外地在主文件夾中安裝了某些內(nèi)容土至。
【7】嘗試在項(xiàng)目文件夾中運(yùn)行npm ls babel eslint购对。這將告訴您安裝了babele eslint的其他包(除了預(yù)期的react腳本)
如果沒有其他幫助,請將skip_preflight_check=true添加到項(xiàng)目中的.env文件中陶因。
這將永久性地禁用這個(gè)飛行前檢查骡苞,以防您仍然想繼續(xù)
三、錯(cuò)誤處理
??按照2中的前4步處理楷扬,發(fā)現(xiàn)仍然不能解決該問題解幽。然后嘗試了【7】的方式,發(fā)現(xiàn)確實(shí)有兩個(gè)版本的babel-eslint 烘苹,想起之前確實(shí)手動(dòng)安裝過babel-eslint 躲株,應(yīng)該是這個(gè)問題。
??再次進(jìn)行處理:
?? 1镣衡、 刪除項(xiàng)目中的package-lock.json文件(不是package.json)霜定。
?? 2档悠、 刪除項(xiàng)目中的node_modules文件夾。
?? 3望浩、 修改package.json ,把"devDependencies"配置清空辖所,關(guān)鍵。
?? 4曾雕、 重新運(yùn)行 npm install 奴烙。
?? 5、運(yùn)行 npm start 成功 剖张,(后期可根據(jù)需要重新配置devDependencies)切诀。