使用 create-react-app 创建反应应用程序需要很长时间并且不成功答案

【问题标题】：Creating react app using create-react-app is taking long time and is not successful使用 create-react-app 创建反应应用程序需要很长时间并且不成功
【发布时间】：2019-10-28 15:21:35
【问题描述】：

我知道已经有一些问题与 create-react-app 类似的问题，但没有任何帮助。所以在复制之前请先检查一下我的问题。

我正在尝试在 Windows 10 中使用 create-react-app 创建反应应用程序。

以下是我在cmd中执行的步骤。

已安装 npm 和节点

C:\Users\jashe\Documents>npm -v
6.12.0

C:\Users\jashe\Documents>node -v
v12.13.0

然后使用下面的 npm 命令来创建应用程序

C:\Users\jashe\Documents>npm install -g create-react-app
C:\Users\jashe\AppData\Roaming\npm\create-react-app -> C:\Users\jashe\AppData\Roaming\npm\node_modules\create-react-app\index.js
+ create-react-app@3.2.0
updated 1 package in 4.653s


C:\Users\jashe\Documents>create-react-app my-app

Creating a new React app in C:\Users\jashe\Documents\my-app.

Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts...


> core-js@2.6.10 postinstall C:\Users\jashe\Documents\my-app\node_modules\babel-runtime\node_modules\core-js
> node postinstall || echo "ignore"


> core-js@3.2.1 postinstall C:\Users\jashe\Documents\my-app\node_modules\core-js
> node scripts/postinstall || echo "ignore"

+ react@16.11.0
+ react-dom@16.11.0
+ react-scripts@3.2.0
added 1467 packages from 685 contributors and audited 904909 packages in 86.745s
found 0 vulnerabilities

在这一点上，它需要很长时间，比如几个小时。但即使在那之后也没有成功。

我也尝试使用npm cache clean --force 和npx create-react-app my-app。即使它需要很长时间。

即使我停止该过程并尝试执行npm start，它也会抛出错误。它没有添加我认为的所有依赖项

C:\Users\jashe\IdeaProjects\first-react-app>npm start
npm ERR! missing script: start

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\jashe\AppData\Roaming\npm-cache\_logs\2019-10-28T11_46_31_137Z-debug.log

几个月前，我使用了 create-react-app，它工作正常。不知道为什么它现在引起问题。任何输入都会有所帮助。提前致谢。

以下是日志：

C:\Users\jashe\my-app>type  C:\Users\jashe\AppData\Roaming\npm-cache\_logs\2019-10-29T00_42_08_772Z-debug.log
0 info it worked if it ends with ok
1 verbose cli [
1 verbose cli   'C:\\Program Files\\nodejs\\node.exe',
1 verbose cli   'C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js',
1 verbose cli   'run',
1 verbose cli   'start'
1 verbose cli ]
2 info using npm@6.12.0
3 info using node@v12.13.0
4 verbose stack Error: missing script: start
4 verbose stack     at run (C:\Program Files\nodejs\node_modules\npm\lib\run-script.js:155:19)
4 verbose stack     at C:\Program Files\nodejs\node_modules\npm\lib\run-script.js:63:5
4 verbose stack     at C:\Program Files\nodejs\node_modules\npm\node_modules\read-package-json\read-json.js:116:5
4 verbose stack     at C:\Program Files\nodejs\node_modules\npm\node_modules\read-package-json\read-json.js:435:5
4 verbose stack     at checkBinReferences_ (C:\Program Files\nodejs\node_modules\npm\node_modules\read-package-json\read-json.js:391:45)
4 verbose stack     at final (C:\Program Files\nodejs\node_modules\npm\node_modules\read-package-json\read-json.js:433:3)
4 verbose stack     at then (C:\Program Files\nodejs\node_modules\npm\node_modules\read-package-json\read-json.js:161:5)
4 verbose stack     at ReadFileContext.<anonymous> (C:\Program Files\nodejs\node_modules\npm\node_modules\read-package-json\read-json.js:350:20)
4 verbose stack     at ReadFileContext.callback (C:\Program Files\nodejs\node_modules\npm\node_modules\graceful-fs\graceful-fs.js:115:16)
4 verbose stack     at FSReqCallback.readFileAfterOpen [as oncomplete] (fs.js:239:13)
5 verbose cwd C:\Users\jashe\my-app
6 verbose Windows_NT 10.0.18362
7 verbose argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "run" "start"
8 verbose node v12.13.0
9 verbose npm  v6.12.0
10 error missing script: start
11 verbose exit [ 1, true ]

下面是我的 package.json

 { "name": "my-app", "version": "0.1.0", "private": true, "dependencies": { "react": "16.11.0", "react-dom": "16.11.0", "react-scripts": "3.2.0" } }

【问题讨论】：

你的 package.json 是什么样的？另外，调试日志文件的内容是什么？您也可以尝试使用 npm run start 而不是 npm start。它们应该是一样的，但你永远不知道，不妨试试。
我试过 npm run start。还是一样的错误。
您的 package.json 中似乎缺少启动脚本。 TRomesh 的答案具有默认的 create-react-app 脚本。这应该可以解决您的问题。
即使我遇到了同样的问题。在我的情况下，我尝试卸载节点 js 并安装 32 位版本，即 x86 而不是 64 位版本。

标签： reactjs create-react-app

【解决方案1】：

删除你的package-lock.json 和node_modules，你不必全局安装create-react-app。相反，您可以使用 npx create-react-app my-app 创建一个反应应用程序。如果这没有帮助，您能否发布您的2019-10-28T11_46_31_137Z-debug.log 文件的日志？。

更新
你的package.json 文件应该有这些行。

"scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  }

但是您共享的代码不包含它们。尝试将这些添加到您的package.json

【讨论】：

尝试删除包、node_modules 并卸载并重新安装了 node.js。还是同样的问题。

【解决方案2】：

通过 powershell 执行，它的工作方式是这样的，但不是在命令提示符下

【讨论】：

请提供更多信息以获取更多详细信息。

【解决方案3】：

我也有同样的问题。

Yarn 和 npm 已安装。似乎在节点模块上有些冲突。所以，卸载 yarn 并重新运行 npx create-react-app <app_name> 对我有用。

【讨论】：