meine Ausgabe des Fehlers:
Ungültiges Konfigurationsobjekt. Das Webpack wurde mit einem Konfigurationsobjekt initialisiert, das nicht mit dem API-Schema übereinstimmt. - configuration.module hat eine unbekannte Eigenschaft 'loaders'. Diese Eigenschaften sind gültig: Objekt {exprContextCritical ?, exprContextRecursive ?, exprContextRegExp ?, exprContextRequest ?, noParse ?, Regeln ?, defaultRules ?, unknownContextCritical ?, unknownContextRecursive ?, unknownContextRegExp ?, unknownContextRecord ?, strictExportPresence ?, strictThisContextOnImports? } -> Optionen, die die normalen Module betreffen (
NormalModuleFactory
).
meine webpack.config.js:
var webpack = require('webpack');
var path = require('path');
var BUILD_DIR = path.resolve(__dirname, 'src/client/public');
var APP_DIR = path.resolve(__dirname, 'src/client/app');
var config = {
entry: APP_DIR + '/index.jsx',
module : {
loaders : [
{
test : /\.jsx?/,
include : APP_DIR,
loader : 'babel-loader'
}
]
},
output: {
path: BUILD_DIR,
filename: 'bundle.js'
}
};
module.exports = config;
meine webpack version:
[email protected]
Sie sollten loaders
in rules
in Webpack 4 ändern:
veränderung:
loaders
zu:
rules
quelle: Lader
Beispiel:
module.exports = {
module: {
rules: [
{ test: /\.css$/, use: 'css-loader' },
{ test: /\.ts$/, use: 'ts-loader' }
]
}
};
Verwenden Sie rules
in Webpack 4 anstelle von loaders
.
Sie sollten das Migrationsprogramm verwenden, um Ihre Webpack-Konfigurationsdateien zu migrieren, es hat bei mir funktioniert.
Die Migrationsdokumentation ist ebenfalls nützlich.
Die oben angegebenen Antworten funktionieren, aber wir können dieses Problem beheben, indem wir die Version von webpack und webpack-dev-server auf ändern
"webpack": "3.8.1",
"webpack-dev-server": "2.9.4"
Es kann auch das Problem lösen. Hoffe, es wird helfen.