当我运行 npm start 创建 React 应用程序时缺少脚本答案

【问题标题】：Missing Script when I run npm start to create React app当我运行 npm start 创建 React 应用程序时缺少脚本
【发布时间】：2019-10-02 13:10:14
【问题描述】：

我正在尝试通过运行 npm start 来运行 React 服务器

当我这样做时，我得到一个缺少脚本的错误：

λ npm start
npm ERR! missing script: start

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Aristophanes\AppData\Roaming\npm-cache\_logs\2019-05-15T11_34_47_404Z-debug.log

完整的错误日志：

0 info it worked if it ends with ok
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   'start' ]
2 info using npm@6.4.1
3 info using node@v11.1.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:115:5
4 verbose stack     at C:\Program Files\nodejs\node_modules\npm\node_modules\read-package-json\read-json.js:418:5
4 verbose stack     at checkBinReferences_ (C:\Program Files\nodejs\node_modules\npm\node_modules\read-package-json\read-json.js:373:45)
4 verbose stack     at final (C:\Program Files\nodejs\node_modules\npm\node_modules\read-package-json\read-json.js:416:3)
4 verbose stack     at then (C:\Program Files\nodejs\node_modules\npm\node_modules\read-package-json\read-json.js:160:5)
4 verbose stack     at ReadFileContext.<anonymous> (C:\Program Files\nodejs\node_modules\npm\node_modules\read-package-json\read-json.js:332:20)
4 verbose stack     at ReadFileContext.callback (C:\Program Files\nodejs\node_modules\npm\node_modules\graceful-fs\graceful-fs.js:78:16)
4 verbose stack     at FSReqCallback.readFileAfterOpen [as oncomplete] (fs.js:242:13)
5 verbose cwd C:\Users\Aristophanes\eth-todo-list-react
6 verbose Windows_NT 10.0.17134
7 verbose argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "start"
8 verbose node v11.1.0
9 verbose npm  v6.4.1
10 error missing script: start

【问题讨论】：

很明显，但为什么不呢？我如何得到它？

标签： node.js reactjs npm create-react-app npm-start

【解决方案1】：

检查 package.json 文件中脚本的名称，它们可能被称为不同的名称。例如这部分：

"scripts": {
  "build": "cd packages/react-scripts && node bin/react-scripts.js build",
  "start": "cd packages/react-scripts && node bin/react-scripts.js start",
},

另外，尝试使用 pwd 打印您的工作目录并检查当前目录是否正确，然后再次运行 npm run start。

【讨论】：

package.json 中我正在工作的目录的唯一行是： { "name": "eth-todo-list-react", "version": "0.1.0" , "私人": true }
Create react app 在项目根目录下创建一个包json文件。您可能正在查看不同的包 json 文件吗？例如在此处查看脚本对象应包含的示例：github.com/facebook/create-react-app/blob/master/package.json
我现在正在查看文件夹“create-react-app”中的 package.json。那里没有脚本。我不知道为什么。
您可能需要重新安装 create-react-app 吗？例如npx create-react-app my-app cd my-app npm start
当我这样做时，它只会说“在 0.063 秒内更新”

【解决方案2】：

更新create-react-app包来解决这个问题。

要更新相关包，请运行以下命令：npm install -g create-react-app

【讨论】：

【解决方案3】：

现在不鼓励在全局范围内安装 create-react-app。而是通过执行以下操作卸载全局安装的 create-react-app 包：npm uninstall -g create-react-app（如果您遇到与权限相关的错误，可能需要以sudo 运行，或者如果此命令不适合您，则手动删除包文件夹。一些用户报告说他们必须手动删除文件夹）

然后你可以运行npx create-react-app my-app再次创建react app。

npx 适用于 npm 版本 >= 5.2

参考：https://github.com/facebook/create-react-app/issues/8086

【讨论】：

【解决方案4】：

以防万一。来自文档：

如果您之前通过 npm install -g create-react-app 全局安装了 create-react-app，我们建议您使用 npm uninstall -g create-react-app 卸载该软件包，以确保 npx 始终使用最新的版本。

【讨论】：

【解决方案5】：

我遇到了这个问题并设法通过删除 create-react-app 来解决它有了这个npm uninstall -g create-react-app 命令。这确保了npx 将始终使用最新的create-react-app 版本。

【讨论】：

【解决方案6】：

适用于窗户

尝试了对我不起作用的 npm uninstall -g create-react-app。

我做了以下事情并且成功了：

提升的 cmd 提示符（或 Git Bash）：where create-react-app 它位于 yarn 下的系统文件中。按照该路径删除这两个文件。
转到您想要项目的工作目录，在我的例子中是 Documents\Projects 中的文件夹。运行npx create-react-app my-test-app

这将创建一个名为 my-test-app 的新文件夹，您可以按照 react 应用网站上的其余说明进行操作。

cd 进入那个新文件夹，运行

yarn start

【讨论】：

正是我需要的。谢谢。

【解决方案7】：

这个问题已经造成并且仍然令人头疼：

https://github.com/facebook/create-react-app/issues/8308
https://github.com/facebook/create-react-app/issues/8086

基本上建议是正确的，可能是你身边有旧版本的东西，先尝试删除全局create-react-app

npm uninstall -g create-react-app

然后尝试更新 npm 和所有包。

npm install -g npm@latest

然后你就可以再次运行创建 react 应用了。

npx create-react-app my-app

这解决了我的问题

【讨论】：

【解决方案8】：

不再支持全局安装 create-react-app。

这样做：

npm uninstall -g create-react-app

现在就去做：

npm install create-react-app

现在创建您的应用

npx create-react-app yout-app-name

【讨论】：

成功了。但是为什么我们不应该全局安装呢？

【解决方案9】：

对我来说，这个问题是因为npx create-react-app my-app 没有触发 npm install 由于缺乏用户权限而引起的。请运行：

sudo npx create-react-app my-app

解决问题。

【讨论】：

【解决方案10】：

我发现我的问题非常简单：

我打开了我的 React 项目的父文件夹，而不是包含 /src 和 /public 的子文件夹。

打开此文件夹后，脚本开始运行良好。

【讨论】：

【解决方案11】：

就我而言，我卸载了所有内容并重新安装了它

npm uninstall -g create-react-app

npm install create-react-app

npx create-react-app yout-app-name

然后安装 MUI 库（在我的情况下：D）

npm install @mui/material @emotion/react @emotion/styled

【讨论】：

【解决方案12】：

我刚开始使用时一直这样做

create-react-app

几乎每次我看到控制台吐出一堆垃圾，我需要做的就是：

cd proj_name
npm start

【讨论】：

正如目前所写，您的答案尚不清楚。请edit 添加其他详细信息，以帮助其他人了解这如何解决所提出的问题。你可以找到更多关于如何写好答案的信息in the help center。