REACT WEBPACK требует лоадер

Question

Вебпак жалуется на react компонент требуя лоадер.

ERROR in ./src/index.js 13:3
Module parse failed: Unexpected token (13:3)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| const root = createRoot(document.getElementById('root'));
| root.render(
>    <App />
| );

Сталкивался ли кто с такой проблемой?

Answer 1

Скорее всего у Вас неправильно настроен проект и скрипт воспринимается как javascript, а не как react код. Попробуйте:

Попробовать переименовать App.js to App.jsx.
Обновить правило с test: /\.js$/, на test: /\.(js|jsx)$/, в webpack.config.js
Проверить правильность названия файла webpack.config.js если имеет место неправильное именование файла (встречал иногда название webpack-config.js )
Если предыдущие шаги не помогут, приложите полное содержимое index.js и webpack.config.js, а также желательно файла .babelrc если таковой имеется.

БЛОГ НА HUSL

REACT WEBPACK требует лоадер

Ответы (1 шт):