• 技术文章 >web前端 >前端问答

    npm react 安装报错怎么办

    藏色散人藏色散人2022-12-27 11:25:33原创106

    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 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

    一个建议:忽略

    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,即可修复警告

    推荐学习:《react视频教程

    以上就是npm react 安装报错怎么办的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:React npm
    上一篇:react中怎么设置focus 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • react 怎么实现数组求和• react native 删除线怎么设置• react 卡住动不了怎么办• react启动项目报错怎么办
    1/1

    PHP中文网