创建 React 应用程序失败。我用 npm init react-app my-app答案

【问题标题】：Creating React app failed. I used npm init react-app my-app创建 React 应用程序失败。我用 npm init react-app my-app
【发布时间】：2021-07-22 06:28:08
【问题描述】：

请有人帮我解决这个错误：

我使用 npm 来创建 React 应用程序。我不能使用 npx create-react-app，因为即使在高速互联网下也需要 40 多分钟才能创建应用程序。

节点 - v14.17.3

npm - 7.20.0

浏览器 - 谷歌

这是启动页面的错误。

编译失败 ./src/index.js 1:35 模块解析失败：意外令牌 (1:35) 使用这些加载器处理文件： ./node_modules/@pmmmwh/react-refresh-webpack-plugin/loader/index.js ./node_modules/babel-loader/lib/index.js 您可能需要一个额外的加载器来处理这些加载器的结果。 $RefreshRuntime$ = require('D:/让我们学习一些东西/编码/HTML_CSS_JAVASCRIPT/REACT-WORKING/react-test/node_modules/react-refresh/runtime.js'); | $RefreshSetup$(module.id);

【问题讨论】：

是你的代码失败了吗？ | 看起来格格不入 - 如果您可以显示 your index.js 的前几行
如果你不能/不会使用 npx 你需要npm install -g create-react-app 然后create-react-app my-app。（您可能必须在这两个命令之间重新启动终端窗口）。您使用的命令看起来很奇怪，通常是现有文件夹中的npm init 或npm init -y，而且都不是特定于 React。这只是生成 package.json 的一种方式，因此您可以开始安装模块。你从哪里得到npm init react-app my-app？
@Bravo ，我添加了 index.js 文件 Image。请看一下。
@ChrisG，我从这里得到它create-react-app.dev/docs/getting-started 我全局安装了 create-react-app 并尝试使用 create-react-app app-name 创建应用程序。但即使超过 40 分钟，它仍然在下载/安装。 create-react-app 在我的项目文件夹中创建了 30000 多个文件。请帮助我为什么它需要太长时间，甚至没有完成初始设置。请注意，网速没有问题。
我明白了，我现在不了解 npm 初始化程序。无论如何，我只是尝试了 npx 版本，它在 1 分 42 秒后完成。大量文件是正常的，这是由于安装了大量模块，每个模块都有自己的依赖项。我的第一个建议是尝试关闭您的防病毒软件，看看是否有任何改变。

标签： javascript reactjs npm create-react-app npm-init

【解决方案1】：

我想我找到了问题所在。 "react-scripts": "^4.0.3" 是问题所在。不知何故，create-react-app 与 react-scripts(4.0.3) 发生了冲突。一旦我降级到 4.0.1，应用程序就成功启动了。据我所知，最新版本的 react-scripts 4.0.3 不支持 create-react-app 启动。

【讨论】：

【解决方案2】：

文件路径可能有问题 - D:/LET'S LEARN SOMETHING/

把它改成不带空格和特殊字符的东西，比如D:/let_learn_something/

【讨论】：

我之前的 React 应用使用的是同一个文件夹。当时没有问题。但是这个问题在一个月前开始，当时我尝试像往常一样使用 create-react-app 创建一个新应用程序。我确认在我很久以前创建的同一个文件夹中有多个反应应用程序，并且所有应用程序都从 vs-code 运行而没有问题。问题是无论文件夹位置如何，我都无法创建新应用程序。
可以尝试删除并重新安装 CRA。也可以在创建新的 CRA 应用时尝试打开任务管理器并查看，可能是防御者/防病毒软件阻止了它。
我应该在任务管理器中查看的确切位置。
创建应用时任何占用 CPU 的可疑进程。
当然，我的 Node.js javascript 运行时进程显示 CPU 使用率很高。除此之外一切正常。在我创建应用程序时，我的防病毒软件没有运行。你能告诉我通常使用 npx 创建一个 React 应用程序需要多少时间。我的已经运行了 20 分钟，它仍然显示在控制台中安装。