reactjs - 使用 create-react-app 创建 react 应用需要很长时间并且不成功

Question

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

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

以下是我在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" } }

Answer 1

删除你 package-lock.json和 node_modules并且您不必全局安装 create-react-app。相反，您可以使用 npx create-react-app my-app创建一个 react 应用程序。如果这没有帮助，您可以发布您的 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