Question

我是新手，现在正在尝试按照本GitLab docs教程启动基本的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，但仍然出现相同的错误。

Answer 1

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

npx create-react-app first_react_app cd first_react_app npm start

并确保您的系统已预安装npm才能开始使用react。

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

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

Answer 2

如本文档所述：尝试

npm run build

然后

npm run start

Answer 3

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

解决方案：转到您的react-app的目录并升级npm＆node

nvm install --latest-npm

Answer 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

启动使用Create-react-app创建的基本React应用时出错

4 个答案: