Javascript NPM start返回错误“0”;“项目依赖关系树”可能有问题;

Javascript NPM start返回错误“0”;“项目依赖关系树”可能有问题;,javascript,node.js,reactjs,npm,webpack,Javascript,Node.js,Reactjs,Npm,Webpack,我对编码还不熟悉,对为什么我不能正确设置React有疑问。我上个星期努力了,然后终于成功了。但现在我又遇到了同样的问题,没有任何效果 我有一个项目,我从npx create react app开始,然后当我进入该项目时,我猜这个问题: 项目依赖关系树可能有问题。它是 可能不是CreateReact应用程序中的错误,而是需要修复的东西 在当地 Create react App提供的react脚本包需要 依赖关系: “网页包”:“4.29.6” 不要尝试手动安装:您的软件包管理器会这样做 自动地但是

我对编码还不熟悉,对为什么我不能正确设置React有疑问。我上个星期努力了,然后终于成功了。但现在我又遇到了同样的问题,没有任何效果

我有一个项目,我从
npx create react app
开始,然后当我进入该项目时,我猜这个问题:

项目依赖关系树可能有问题。它是 可能不是CreateReact应用程序中的错误,而是需要修复的东西 在当地

Create react App提供的react脚本包需要 依赖关系:

“网页包”:“4.29.6”

不要尝试手动安装:您的软件包管理器会这样做 自动地但是,检测到不同版本的Web包 在树的上面:

/用户/aliceparker/node_模块/webpack(版本:4.33.0)

已知手动安装不兼容版本会导致 难以调试的问题

如果您希望忽略此检查,请添加 SKIP_PREFLIGHT_CHECK=true,适用于项目中的.env文件。那将 永久禁用此邮件,但可能会遇到其他问题


要修复依赖关系树,请尝试按照以下步骤进行操作 订单:

  • 删除项目文件夹中的package-lock.json(不是package.json!)和/或warn.lock
  • 删除项目文件夹中的节点模块
  • 从项目文件夹中package.json文件中的依赖项和/或devdependency中删除“webpack”
  • 运行npm install或Thread,具体取决于您使用的软件包管理器
  • 在大多数情况下,这应该足以解决问题。如果有 没有帮助,您还可以尝试其他一些方法:

  • 如果您使用了npm,请安装Thread(),并用它重复上述步骤。 这可能会有所帮助,因为npm在包装吊装方面存在已知问题,这些问题可能会在未来的版本中得到解决

  • 检查/Users/aliceparker/node_modules/webpack是否在您的项目目录之外。 例如,您可能意外地在主文件夹中安装了某些内容

  • 尝试在项目文件夹中运行npm ls网页。 这将告诉您安装了哪个其他软件包(除了预期的react脚本)

  • 如果没有其他帮助,请将SKIP\u PREFLIGHT\u CHECK=true添加到.env文件中 在你的项目中。这将永久禁用此飞行前检查 以防你想继续

    另外,我们知道此消息很长,但请阅读上面的步骤:-) 我们希望他们对您有所帮助

    我已经按照上面的步骤做了。我仍然明白这个问题。 我还全局卸载了webpack并重新安装了它

    下面是my package.json文件的外观:

    `{
      "name": "ravenous-app",
      "version": "0.1.0",
      "private": true,
      "dependencies": {
        "react": "^16.8.6",
        "react-dom": "^16.8.6",
        "react-scripts": "3.0.1"
      },
      "scripts": {
        "start": "react-scripts start",
        "build": "react-scripts build",
        "test": "react-scripts test",
        "eject": "react-scripts eject"
      },
      "eslintConfig": {
        "extends": "react-app"
      },
      "browserslist": {
        "production": [
          ">0.2%",
          "not dead",
          "not op_mini all"
        ],
        "development": [
          "last 1 chrome version",
          "last 1 firefox version",
          "last 1 safari version"
        ]
      }
    }`
    

    有谁能帮我找到解决这个问题的方法吗?(顺便说一句,我只是尝试创建一个新项目,但得到了相同的问题…

    问题是安装在用户目录中的网页。 用npm或手动移除,所有部件应正常运行:
    参考:

    您可以按照错误日志中给出的说明进行操作


  • 删除中的
    package lock.json
    (而不是
    package.json
    !)和/或
    warn.lock
    您的项目文件夹

  • 删除项目文件夹中的节点模块

  • 从中的依赖项和/或依赖项中删除“webpack”
    package.json
    项目文件夹中的文件

  • 运行
    npm安装
    warn
    ,具体取决于您使用的软件包管理器

  • 在终端中,运行:

    cd~

    然后:

    ls

    您应该会看到一个文件列表。如果
    node\u modules
    包含在该列表中(看起来应该是这样),则需要删除该文件夹。您可以在终端中执行以下操作:

    rm-rf节点模块

    但请记住:这不会将文件夹发送到垃圾箱。它将不可撤销地删除它
    rm-rf
    是一个强大的命令。如果这让您感到紧张,请键入
    open.
    。这将在Finder中打开您的“主页”(
    ~
    )目录,您可以在熟悉的右键单击“发送到垃圾箱”的方式中删除节点模块


    希望有帮助

    问题在于您的计算机上的树文件夹。当您制作所有项目时,请尝试“文件夹中的应用程序”而不是“存在一个”,我希望它能工作

    删除项目文件夹中的
    包锁.json
    (不是
    包.json
    !)和/或
    纱线.lock

    删除项目文件夹中的节点模块

    从项目文件夹中的
    package.json
    文件中的依赖项和/或devdependency中删除
    webpack

    运行
    npm安装
    warn
    ,具体取决于您使用的软件包管理器

    我尝试了以上所有方法,但都没有效果,但有一次我在项目结构中添加了一个.env文件,并在文件中添加了
    SKIP\u PREFLIGHT\u CHECK=true
    。我可以绕过这个问题:

    这是您在
    .env
    文件中放置的内容:


    就我而言,我用这些方法解决我的问题

  • react文件夹
  • 侧面的.env
    文件中键入
    SKIP\u PREFLIGHT\u CHECK=true
  • 现在在cmd
    npm start
    中运行

  • 对我有效的解决方案


    SKIP\u PREFLIGHT\u CHECK=true
    添加到项目中的.env文件中。我不知道这是否会在将来导致错误。

    按照错误上的说明去做,让它工作。

    在项目目录中创建一个
    .env
    文件并添加
    SKIP\u PREFLIGHT\u CHECK=true
    ,它会起作用。

    我以前也遇到过同样的问题,我解决了它。
    create-react应用程序
    已提供
    web