Modulanalyse fehlgeschlagen: Unerwartetes Token (8:2) ⇐ JavaScript

[Guest]

Ich habe versucht, diese App auszuführen, aber ohne Erfolg. Ich habe keine/viele Änderungen am ursprünglichen Setup vorgenommen. Ich habe diese App vor 3–4 Jahren erstellt und jetzt, wenn ich versuche, sie auszuführen, funktioniert sie nicht Funktioniert nicht. Ich habe Lösungen ausprobiert, die in anderen Fragen zu einem ähnlichen Problem aufgeführt sind. Ich bin völlig verwirrt und weiß nicht, was ich tun soll, um es zum Laufen zu bringen. Ich stelle Ihnen gerne kurzfristig alle erforderlichen Details zur Verfügung.
Github
Dies ist der Fehler, den ich erhalte, wenn ich npm start ausführe

FEHLER in ./src/index.js 8:2
Modulparse fehlgeschlagen: Unerwartetes Token (8:2)
Möglicherweise benötigen Sie einen geeigneten Loader, um diesen Dateityp zu verarbeiten. Derzeit sind keine Loader für die Verarbeitung dieser Datei konfiguriert. Siehe https://webpack.js.org/concepts#loaders
|
| ReactDOM.render(

|
| ,

Webpack 5.97.1 mit 1 Fehler in 286 ms kompiliert

Code: Select all

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-Konfigurationsdatei

Code: Select all

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,
};