npm react 安裝報錯怎麼辦

npm react安裝報錯的解決辦法：1、開啟專案中的「package.json」檔案，找到dependencies物件；2、將其中的「react.json」移動到「devDependencies」；3、在終端中執行「npm audit --production」即可修復警告。

本教學操作環境：Windows10系統、react18.0.0版、Dell G3電腦。

npm react 安裝報錯怎麼辦？

npm安裝react時提示報錯

在使用npx create-react-app的安裝過程中出現了

6 high severity vulnerabilities
登入後複製

但是後續仍然顯示成功安裝，按照提示輸入npm-audit時候卻報錯

 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
登入後複製

後續發現是自己把專案的路徑輸錯了，正確輸入專案路徑時顯示提示漏洞的原因

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 [email protected], 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
登入後複製

一個建議：忽略

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

建議是忽略這些錯誤；因為npm只是包管理工具，他不能夠解決包自身的缺陷和漏洞，如果強制修復解決的話，很有可能會引起更為嚴重的錯誤。

一定要嘗試解決的話

開啟專案中的package.json檔案，找到dependencies物件

"dependencies":{
//……}
登入後複製

將其中的react.json移動到devDependencies(沒有的話可以自己建立一個），你的版本可能與我的不同，但是這是無關緊要的，只需要移動即可

"devDependencies": {
    "react-scripts": "5.0.1"
  },
登入後複製

最後，在終端中執行npm audit --production，即可修復警告

推薦學習：《》

以上就是npm react 安裝報錯怎麼辦的詳細內容，更多請關注TW511.COM其它相關文章！