Проект Windows JS: поддержка экспериментального синтаксиса ‘jsx’ в настоящее время не включена

node.js #reactjs #babeljs #babel-loader #react-scripts

#node.js #reactjs #babeljs #babel-загрузчик #реагирующие скрипты

Вопрос:

Шаги для воспроизведения:

  • Создайте новое приложение react
  • Добавить https://github.com/Tordek/broken как зависимость (это просто проект, который содержит файл с расширением .js, но использует синтаксис jsx.
  • Попытка использовать компонент в приложении.

Результат:

 
../broken/index.js SyntaxError: D:progsecuritizebrokenindex.js:
Support for the experimental syntax 'jsx' isn't currently enabled
(4:13):

  2 |   3 | export const Broken = () => {
> 4 |     return (<div></div>)
    |             ^   5 | }

Add @babel/preset-react (https://git.io/JfeDR) to the 'presets'
section of your Babel config to enable transformation. If you want to
leave it as-is, add @babel/plugin-syntax-jsx (https://git.io/vb4yA) to
the 'plugins' section to enable parsing. ```
 

Но это не работает. babel.config.js или .babelrc файлы игнорируются. node_modules/react-scripts/webpack.config.js отключает babelrc.

Даже тогда принудительное webpack.config использование этого файла вызывает новый набор ошибок синтаксического анализа.

Похоже, это проблема Windows, поскольку проект корректно выполняется на компьютере с Linux.

Любые идеи относительно решения будут оценены.