npm react安裝報(bào)錯(cuò)的解決辦法：1、打開項(xiàng)目中的“package.json”文件，找到dependencies對(duì)象；2、將其中的“react.json”移動(dòng)到“devDependencies”；3、在終端中運(yùn)行“npm audit --production”即可修復(fù)警告。

本教程操作環(huán)境：Windows10系統(tǒng)、react18.0.0版、Dell G3電腦。

npm react 安裝報(bào)錯(cuò)怎么辦？

npm安裝react時(shí)提示報(bào)錯(cuò)

在使用npx create-react-app的安裝過程中出現(xiàn)了

6 high severity vulnerabilities

但是后續(xù)仍然顯示成功安裝，按照提示輸入npm-audit時(shí)候卻報(bào)錯(cuò)

 npm audit fix
npm ERR! code ENOLOCK
npm ERR! audit This command requires an existing lockfile.
npm ERR! audit Try creating one first with: npm i --package-lock-only
npm ERR! audit Original error: loadVirtual requires existing shrinkwrap file
 
npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\christine\AppData\Local\npm-cache\_logs\2022-10-10T08_34_39_142Z-debug-0.log

后續(xù)發(fā)現(xiàn)是自己把項(xiàng)目的路徑輸錯(cuò)了，正確輸入項(xiàng)目路徑時(shí)顯示提示漏洞的原因

nth-check  <2.0.1
Severity: high
Inefficient Regular Expression Complexity in nth-check - https://github.com/advisories/GHSA-rp65-9cf3-cjxr
fix available via `npm audit fix --force`
Will install react-scripts@2.1.3, which is a breaking change
node_modules/svgo/node_modules/nth-check
  css-select  <=3.1.0
  Depends on vulnerable versions of nth-check
  node_modules/svgo/node_modules/css-select
    svgo  1.0.0 - 1.3.2
    Depends on vulnerable versions of css-select
    node_modules/svgo
      @svgr/plugin-svgo  <=5.5.0
      Depends on vulnerable versions of svgo
      node_modules/@svgr/plugin-svgo
        @svgr/webpack  4.0.0 - 5.5.0
        Depends on vulnerable versions of @svgr/plugin-svgo
        node_modules/@svgr/webpack
          react-scripts  >=2.1.4
          Depends on vulnerable versions of @svgr/webpack
          node_modules/react-scripts
 
6 high severity vulnerabilities

一個(gè)建議：忽略

npm提示可以使用`npm audit fix --force`進(jìn)行修復(fù)，但是Don't be alarmed by vulnerabilities after NPM Install (voitanos.io)j

建議是忽略這些錯(cuò)誤；因?yàn)閚pm只是包管理工具，他不能夠解決包自身的缺陷和漏洞，如果強(qiáng)制修復(fù)解決的話，很有可能會(huì)引起更為嚴(yán)重的錯(cuò)誤。

一定要嘗試解決的話

打開項(xiàng)目中的package.json文件，找到dependencies對(duì)象

"dependencies":{
//……}

將其中的react.json移動(dòng)到devDependencies(沒有的話可以自己創(chuàng)建一個(gè)），你的版本可能與我的不同，但是這是無關(guān)緊要的，只需要移動(dòng)即可

"devDependencies": {
    "react-scripts": "5.0.1"
  },

最后，在終端中運(yùn)行npm audit --production，即可修復(fù)警告

推薦學(xué)習(xí)：《react視頻教程》

以上是npm react 安裝報(bào)錯(cuò)怎麼辦的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！