【问题标题】:Error: Cannot find module '\react-scripts\bin\react-scripts.js'错误:找不到模块 '\react-scripts\bin\react-scripts.js'
【发布时间】:2020-07-09 17:55:52
【问题描述】:

我刚刚开始学习 React 并使用以下命令创建了第一个应用程序 npm install -g create-react-app npx create-react-app myapp 在此之后,我进入我的应用程序文件夹,然后使用“npm start”命令启动服务器,但出现此错误。

请帮我解决这个问题并启动反应服务器。

【问题讨论】:

  • 再次尝试 npm i
  • 之后发生了同样的错误。
  • 请勿发布代码、数据、错误消息等的图片 - 将文本复制或输入到问题中。 How to Ask
  • 如果你的项目路径中有 & 你会遇到这个问题,至少在 Windows 上是这样 -->> 我有同样的问题,在更改路径后得到了解决
  • 您在项目路径中的名字和姓氏之间有一个空格。我不确定这是否会奏效。

标签: reactjs


【解决方案1】:

在 Windows 机器中,我的文件夹名称包含土耳其字母表中的大写 i(即“İ”)。该字符导致该错误。在为文件夹命名时,如果您是开发人员,请避免使用英文字母以外的字符。

【讨论】:

    【解决方案2】:

    试试yarn set version classic命令然后npx create-react-app your-app

    https://pretagteam.com/question/createreactapp-error-cannot-find-module-reactscriptsscriptsinitjs

    【讨论】:

      【解决方案3】:

      我编辑了我的 package.json 文件:

      "scripts": {
          "start": "node node_modules/react-scripts/scripts/start.js",
          "build": "node node_modules/react-scripts/scripts/build.js",
          "test": "node node_modules/react-scripts/scripts/test.js",
          "eject": "node node_modules/react-scripts/scripts/eject.js"
        }
      

      【讨论】:

        【解决方案4】:

        请检查项目路径是否包含“&”。这是问题的主要原因。 从路径中删除 C:*R&D*\REACTJS\thepage 后,我的问题得到了解决。

        【讨论】:

        • 您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息,例如引用或文档,以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center
        【解决方案5】:

        删除本地驱动器目录路径中的特殊字符,例如“&”

        【讨论】:

          【解决方案6】:

          我在执行yarn start 时遇到了类似的错误。从路径中删除任何特殊标志(在我的例子中是变音符号)解决了这个问题。

          【讨论】:

            【解决方案7】:

            我使用了 Nikhil Kumar 的回答:

            $ npm build
            $ npm start
            

            【讨论】:

            • 我遇到了这个问题。我尝试了 npm build 命令,但它不起作用:Unknown command: "build" Did you mean this? npm run build # run the "build" package script 它不在命令列表中:`access、adduser、audit、bin、bug、cache、ci、completion、config、dedupe、deprecate、diff、dist -tag、docs、医生...`有什么变化吗? @拉丁战士
            【解决方案8】:

            这很可能是因为您的文件夹名称中的 & 被用作项目的路径。因此,请检查项目的整个路径,并将任何带有“&”的文件夹重命名为仅基于文本的名称。

            从控制台运行 - npm start。希望它能解决你的问题。享受编码和改变世界的乐趣。

            【讨论】:

              【解决方案9】:

              这是由于以下原因之一-:

              • 您的项目目录名称中有& 符号,这是因为当节点遇到& 符号时,它会将字符串分成2,(如果您使用过简单的http 身份验证,您会知道这个问题)
              • 删除你node_modulespackage.lock.json,重新安装并运行启动脚本——仅适用于linux系统,

              如果您的问题仍然存在,请再次在系统中重新安装节点,并检查项目目录中的 & 符号。

              【讨论】:

                【解决方案10】:

                如果您的项目路径中有&,您将遇到这个问题,至少在 Windows 上看起来是这样。 & 之后的路径部分根据错误被解释为另一个命令,一切都从那里中断。

                确认删除后,npm start 工作正常。

                【讨论】:

                • 这就是导致我出错的原因。有一个“&”符号作为我的目录名称。不幸。
                • 这实际上是导致问题的原因。有谁知道为什么?
                【解决方案11】:

                在错误消息中显示Toubro\react[...],而忽略了您的整个文件夹名称OneDrive - Larsen & Toubro\react

                您可以尝试在另一个文件夹中重新安装应用程序,使用一个不太复杂的文件夹名称。

                【讨论】:

                  【解决方案12】:

                  这是一个非常简单的答案。我还没有发现它为什么起作用,但试试这个:

                  react-scripts build
                  

                  【讨论】:

                  • 虽然这看起来很奇怪,但先构建 npm 然后启动 npm 对我有用。 $ npm build $ npm start
                  【解决方案13】:

                  看起来npm install 在创建应用程序时未执行。你可以寻找的是:

                  1. 检查package.json是否在myapp中。
                  2. 如果未创建node_modules 目录,则移至 3。
                  3. 运行 npm installyarn 以加载脚本和其他依赖项。
                  4. 安装完成后尝试npm startyarn start

                  【讨论】:

                  • 1. package.json 在 myapp 中可用。 2.node_modules 目录已经创建。 3.尝试 npm install 加载脚本和其他依赖项,它做了一些安装然后退出。 4.试过 npm start 但还是一样的错误。
                  • .npmrc 文件中您是否分配了注册表URL?像这样registry=http://registry.npmjs.org/
                  • 我在某处读到计算机名称中有空格,这可能会导致一些错误。它是否正确,因为我的 PC 名称中有空格。此外,我创建了一个相同的项目,但在不同的位置没有任何名称空间,并且该项目运行良好。
                  • 我认为这不会造成任何问题,坦率地说,我没有遇到像你这样的情况。但有时同样的错误发生在我身上,Point3 每次都为我工作。
                  • 我在 myapp 文件夹及其子文件夹的任何地方都没有找到 .npmrc 文件。你能告诉我在哪里可以找到它。
                  猜你喜欢
                  • 2020-07-21
                  • 2021-04-02
                  • 2019-12-30
                  • 2019-02-27
                  • 1970-01-01
                  • 1970-01-01
                  • 2016-10-27
                  • 2022-11-28
                  • 2022-12-01
                  相关资源
                  最近更新 更多