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.
Любые идеи относительно решения будут оценены.