启动使用 Create-react-app 创建的基本反应应用程序时出错答案

【问题标题】：Error when starting basic react app created with Create-react-app启动使用 Create-react-app 创建的基本反应应用程序时出错
【发布时间】：2019-04-04 09:33:48
【问题描述】：

我是新手，我正在尝试按照"Getting Started" 教程启动一个基本的 react webapp。

npx create-react-app first_react_app
cd first_react_app
npm start

不幸的是，我在启动应用程序时收到以下错误。

C:\Users\user\Desktop\Lernprojekte\React\first_react_app\node_modules\react-dev-utils\WebpackDevServerUtils.js:166
compiler.hooks.done.tap('done', async stats => {
                              ^^^^^
SyntaxError: missing ) after argument list
at Object.exports.runInThisContext (vm.js:78:16)
at Module._compile (module.js:543:28)
at Object.Module._extensions..js (module.js:580:10)
at Module.load (module.js:488:32)
at tryModuleLoad (module.js:447:12)
at Function.Module._load (module.js:439:3)
at Module.require (module.js:498:17)
at require (internal/module.js:20:19)
at Object.<anonymous> (C:\Users\user\Desktop\Lernprojekte\React\first_react_app\node_modules\react-scripts\scripts\start.js:45:5)
at Module._compile (module.js:571:32)

我读到 async/await 与一些较低版本的节点不兼容。我在 Windows 10 中使用节点 9.8.0 和 npm 6.9.0。我什至再次删除了 node_modules 和 npm install 但仍然出现相同的错误。

【问题讨论】：

请粘贴您正在运行的代码
这是一个全新安装的来自“create-react-app”的基本反应应用程序。我没有改变它。
好吧，如果我错了，请纠正我，但我看到在教程中他们说你应该写 npm start 而不是 npm install。
对不起。这是问题中的错字。我已更正问题中的错字。

标签： reactjs create-react-app

【解决方案1】：

如本文档中所述：试试这个

npm run build

然后

npm run start

【讨论】：

当您准备好部署到生产环境时，您需要运行npm run build，但这个问题与开发服务器有关。

【解决方案2】：

如果您遵循 react 教程 (react basic tutorial)，您应该会看到快速启动命令并尝试运行这些命令。

npx create-react-app first_react_app cd first_react_app npm 开始

并确保您的系统已预装 npm 以启动 react。

或者您需要更新您的开发服务器文件以消除此语法错误。
- 转到项目中的文件React\first_react_app\node_modules\react-dev-utils\WebpackDevServerUtils.js
- 转到第 145 行并更新给定代码。保存此文件并重新启动服务器。

  compiler.hooks.done.tap('done', stats => {
    if (isInteractive) {
      clearConsole();
    }

【讨论】：

对不起。这是问题中的错字。我已更正问题中的错字。
我认为你需要将你的 npm 和 node 版本升级到最新版本。
我用节点 10 和 npm 6 做了，但我得到了同样的错误

【解决方案3】：

我遇到了同样的问题，虽然我将 npm 和 node 升级到了最新版本，但它们不是我创建的 react-app 目录中最新的。

解决方案：进入你的 react-app 目录并升级 npm & node

nvm install --latest-npm

【讨论】：

【解决方案4】：

您的 node.js 版本似乎已过时。您可以更新到最新版本，也可以同时配置多个 node.js 版本。我正在使用 'n' 节点版本管理器，因此，我可以轻松地来回切换以管理多个项目。您可以在以下链接中阅读相关内容： n

你可以这样安装：

> npm install -g n #install utility globally
> n 10.16.0        #install the version you want
> n                #switch back and forth to node.js versions

要了解有关 node.js LTS 版本的更多信息，请访问此处： node-release

【讨论】：