Preset-Dateien sind nicht erlaubt, um Objekte exportieren
Habe ich ein Karussell-Datei, in die ich will index.js
und bauen block.build.js
, so meine webpack.config.js
ist:
var config = {
entry: './index.js',
output: {
path: __dirname,
filename: 'block.build.js',
},
devServer: {
contentBase: './Carousel'
},
module : {
rules : [
{
test: /.js$/,
loader: 'babel-loader',
exclude: /node_modules/,
query: {
presets: ['react', 'es2015'],
plugins: ['transform-class-properties']
}
}
]
}
};
module.exports = config;
Den package.json
die ich benutze, ist unten:
{
"name": "carousel",
"version": "1.0.0",
"description": "",
"main": "webpack.config.js",
"dependencies": {
"@babel/core": "^7.0.0-beta.40",
"babel-cli": "^6.26.0",
"babel-loader": "^8.0.0-beta.0",
"babel-plugin-lodash": "^3.3.2",
"babel-plugin-react-transform": "^3.0.0",
"babel-preset-react": "^6.24.1",
"cross-env": "^5.1.3",
"lodash": "^4.17.5",
"react": "^16.2.0",
"react-dom": "^16.2.0",
"react-swipeable": "^4.2.0",
"styled-components": "^3.2.1"
},
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"watch": "webpack --watch",
"start": "webpack-dev-server --open",
"build": "webpack"
},
"devDependencies": {
"webpack": "^4.1.1",
"webpack-cli": "^2.0.10",
"webpack-dev-server": "^3.1.0"
},
"author": "brad traversy",
"license": "ISC"
}
... aber ich bekomme diese Fehlermeldung:
ERROR in ./index.js
Module build failed: Error: Plugin/Preset files are not allowed to export objects, only functions.
Weiß jemand, wie man dieses Problem lösen?
Du musst angemeldet sein, um einen Kommentar abzugeben.
Sind Sie mit einer Kombination aus Babel 6 und Babel 7. Es gibt keine Garantie für die Kompatibilität zwischen Versionen:
sollte
und
wäre
Ich bin auch verwirrt, weil Sie nicht erwähnen
@babel/proposal-class-properties
in Ihrempackage.json
, aber vorausgesetzt, es ist in es es sollte auch aktualisiert werden.babel-loader
8 sollte verwendet werden, mit denen andere Module v7 und mitnpm install --save-dev babel-loader@^7
gab mir andere FehlerMir ist es passiert und eine einfache Lösung für mich war, zu deinstallieren
babel-loader@8^
und@babel/core
:... und dann installieren von version 7 babel-loader:
npm install --save-dev babel-loader@^7
Auch von
babel-loader
v8, haben Sie sich ein wenig etwas geändert:webpack 4.x | babel-loader-8.x | babel 7.x
webpack 4.x | babel-loader-7.x | babel 6.x
(das gleiche gilt für
@babel/preset-react
stattbabel-preset-react
).Habe das gleiche Problem in meiner webpack/reagieren - Projekt-es scheint, dass es war ein Problem mit der
.babelrc
Datei.Ich aktualisiert, wie unten zu sehen, und es hat den trick:
dieser arbeitete für mich:
und in babelrc:
Ersetzen .babelrc Datei folgenden code in diesem Update mein Problem
Diese Lösung bei mir funktioniert:
dann in
.babelrc
führen
npm run start
, webpack generiert diedist
Verzeichnis.Hatte ich "Stufe-1", die in meinen presets .babelrc, so dass ich entfernt, und der Fehler ging Weg