ReactJS SyntaxError: Неожиданный токен - ReactDOM.render с WebPack 4, Babel 7 - PullRequest
Новая
       10

ReactJS SyntaxError: Неожиданный токен - ReactDOM.render с WebPack 4, Babel 7

0 голосов
/ 26 сентября 2019

Я следую простым учебным пособиям, таким как https://github.com/YaroslavW/react-min-setup-abc, чтобы создать новое приложение React с нуля (используя webpack 4 и babel 7 вместо create-реагировать на приложение из реактивных скриптов).

Iя получаю ту же ошибку, что и Ошибка сборки модуля ReactJS: SyntaxError: Неожиданный токен - ReactDOM.render (извините за возможный дубликат, но ни одно из решений из этого потока не работает для меня). 

SyntaxError: C:\...\src\index.js: Unexpected token (7:2)

   5 |
   6 | ReactDOM.render(
>  7 |   <div>{title}</div>,
     |   ^
   8 |   document.getElementById('app')
   9 | );

Кажется, что этот репо работал нормально, но внезапно сломался.Я не сделал никаких изменений после извлечения из GitHub.Многие учебные пособия также приводят к тому же коду и той же ошибке.

Кажется, что решение должно добавить @babel/preset-react к файлу .babelrc, но оно уже есть в репо.

Естьновые версии набора инструментов не совместимы с eath other или в репо есть какая-то неверная конфигурация?

Я использую Windows 10 x64, Nodejs 10.16.3 и Npm 6.9.0.Другие библиотеки не изменены из репозитория.

1 Ответ

0 голосов
/ 26 сентября 2019

Кажется, я нашел проблему.Это, безусловно, очень странная ошибка в Windows 10, затрагивающая операции файловой системы или что-то в этом роде ... Даже с использованием недокументированной функции или взлома.

Я клонировал репозиторий и создал учебник в каталоге символических ссылок (https://www.howtogeek.com/howto/16226/complete-guide-to-symbolic-links-symlinks-on-windows-or-linux/).

Поэтому, когда я запускаю команды узла по символическому пути, возникает ошибка. Когда я использую исходный путь (без каких-либо ссылок), ошибка исчезает.

Я ухожуэто здесь, так как это может быть очень редким случаем, который может занять много времени, чтобы найти проблему.

...