Ошибка анализа модуля: неожиданный токен (8:2) ⇐ Javascript

[Anonymous]

Я создал приложение React 4-5 лет назад, пытался запустить, но безуспешно, я пробовал решения, перечисленные в других вопросах, заданных по аналогичной проблеме, но я совершенно запутался и не уверен что сделать, чтобы запустить его, я буду рад предоставить всю необходимую информацию в кратчайшие сроки.
Это ошибка, которую я получаю при запуске npm start.

ОШИБКА в ./src/index.js 8:2
Ошибка анализа модуля: неожиданный токен (8:2)
Возможно, вам понадобится соответствующий загрузчик для обработки этого типа файла, в настоящее время нет загрузчики настроены на обработку этого файла. См. https://webpack.js.org/concepts#loaders
|
| ReactDOM.render(

|
| ,

веб-пакет 5.97.1 скомпилирован с 1 ошибкой за 286 мс
import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';

ReactDOM.render(


,
document.getElementById('root')
);

/* const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(



); */

reportWebVitals();


Файл конфигурации WebPack
import { resolve as _resolve, join } from 'path';
import HtmlWebpackPlugin from 'html-webpack-plugin';

export const entry = './src/index.js';
export const output = {
path: _resolve(__dirname, 'dist'),
filename: 'bundle.js',
};
export const module = {
rules: [
{
test: /\.(js|jsx)$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader',

},
},
],
};
export const resolve = {
extensions: ['.js', '.jsx'],
};
export const plugins = [
new HtmlWebpackPlugin({
template: './public/index.html',
}),
];
export const devServer = {
static: join(__dirname, 'public'),
compress: true,
port: 3000,
};



Подробнее здесь: https://stackoverflow.com/questions/793 ... d-token-82