Ошибка при запуске базового приложения реакции, созданного с помощью Create-Reaction-app

Question

Я новичок в реагировании и пытаюсь запустить базовое веб-приложение реакции в соответствии с этим "Приступая к работе" учебником.

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 не совместим с некоторыми более низкими версиями узла. Я использую узел 9.8.0 и npm 6.9.0 в Windows 10. Я даже удалил node_modules и npm install снова, но все равно получаю ту же ошибку.

Answer 1

Как уже упоминалось в этом документе: Попробуйте это

npm run build

затем

npm run start

Answer 2

Я столкнулся с той же проблемой, и хотя я обновил npm & node до последних версий, они были НЕ самыми последними в каталоге созданного мной приложения реагирования.

решение: перейдите в каталог своего приложения реакции и обновите npm & node

nvm install --latest-npm

Answer 3

1. Если вы следуете инструкциям по реагированию ( базовое руководство по реагированию ), вы должны увидеть команды быстрого запуска и попытаться запустить эти команды.

   npx create-реагировать-приложение first_react_app cd first_react_app npm start

и убедитесь, что в вашей системе предварительно установлен npm, чтобы начать с реакции.

2. Или вам нужно обновить файл сервера dev для удаления этой синтаксической ошибки.

   • перейти к файлу в вашем проекте React \ first_react_app \ node_modules \ реагировать-dev-utils \ WebpackDevServerUtils.js
   • перейдите на строку № 145 и обновите указанный код. Сохраните этот файл и перезапустите сервер.

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