使用create-react-app创建React应用需要花费很长时间，但并不成功

Posted 2021-04-12

我已经知道create-react-app存在一些类似问题，但没有任何帮助。因此，请在复制之前仔细阅读我的问题。

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

下面是我在cmd中遵循的步骤。

1. 已安装的npm和节点

C:UsersjasheDocuments>npm -v
6.12.0

C:UsersjasheDocuments>node -v
v12.13.0

2. 然后在npm命令下面使用它来创建应用程序

C:UsersjasheDocuments>npm install -g create-react-app
C:UsersjasheAppDataRoaming
pmcreate-react-app -> C:UsersjasheAppDataRoaming
pm
ode_modulescreate-react-appindex.js
+ create-react-app@3.2.0
updated 1 package in 4.653s


C:UsersjasheDocuments>create-react-app my-app

Creating a new React app in C:UsersjasheDocumentsmy-app.

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


> core-js@2.6.10 postinstall C:UsersjasheDocumentsmy-app
ode_modulesabel-runtime
ode_modulescore-js
> node postinstall || echo "ignore"


> core-js@3.2.1 postinstall C:UsersjasheDocumentsmy-app
ode_modulescore-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:UsersjasheIdeaProjectsfirst-react-app>npm start
npm ERR! missing script: start

npm ERR! A complete log of this run can be found in:
npm ERR!     C:UsersjasheAppDataRoaming
pm-cache\_logs2019-10-28T11_46_31_137Z-debug.log

几个月前，我使用了create-react-app，它正在运行。不知道为什么现在引起问题。任何输入都会有所帮助。预先感谢。

下面是日志：

C:Usersjashemy-app>type  C:UsersjasheAppDataRoaming
pm-cache\_logs2019-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
odejs
ode_modules
pmlib
un-script.js:155:19)
4 verbose stack     at C:Program Files
odejs
ode_modules
pmlib
un-script.js:63:5
4 verbose stack     at C:Program Files
odejs
ode_modules
pm
ode_modules
ead-package-json
ead-json.js:116:5
4 verbose stack     at C:Program Files
odejs
ode_modules
pm
ode_modules
ead-package-json
ead-json.js:435:5
4 verbose stack     at checkBinReferences_ (C:Program Files
odejs
ode_modules
pm
ode_modules
ead-package-json
ead-json.js:391:45)
4 verbose stack     at final (C:Program Files
odejs
ode_modules
pm
ode_modules
ead-package-json
ead-json.js:433:3)
4 verbose stack     at then (C:Program Files
odejs
ode_modules
pm
ode_modules
ead-package-json
ead-json.js:161:5)
4 verbose stack     at ReadFileContext.<anonymous> (C:Program Files
odejs
ode_modules
pm
ode_modules
ead-package-json
ead-json.js:350:20)
4 verbose stack     at ReadFileContext.callback (C:Program Files
odejs
ode_modules
pm
ode_modulesgraceful-fsgraceful-fs.js:115:16)
4 verbose stack     at FSReqCallback.readFileAfterOpen [as oncomplete] (fs.js:239:13)
5 verbose cwd C:Usersjashemy-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-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