Modulanalyse fehlgeschlagen: Unerwartetes Token (8:2)
Posted: 12 Jan 2025, 04:05
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
WebPack-Konfigurationsdatei
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();
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,
};