Je suis suivi avec un didacticiel et quand j'essaie de construire réagir, je reçois une erreur.
rules:[
{
test: /\.(js|jsx)$/,
exclude: '/node_modules/',
use: [
{ loader: 'babel-loader' }
]
}
]
4 Réponses :
OK, je pense que votre test Web doit inclure des fichiers .js si vous envisagez d'utiliser JSX en eux:
test: /\.(js|jsx)$/
J'ai essayé les deux test: / \. (JS | JSX) $ / et Test: / \. (JS | JSX) $ / n'a pas résolu le problème.
Avec cette configuration, vous indiquez uniquement à «Traduire» les fichiers .jsx, et puisque votre fichier principal est index.js, il ne le charge pas, essayez d'ajouter cette configuration:
avec cela, vous ajoutez du fichier JS et JSX Pour être résolu par votre chargeur P>
{
"presets": [
"stage-0",
"react",
"es2015"
],
"plugins": [
"transform-class-properties",
"transform-decorators-legacy",
"transform-object-rest-spread",
"transform-es2015-destructuring"
],
"env": {
"debug": true
}
}
J'ai essayé cela et cela n'a pas résolu le problème, même erreur.
Après une journée complète de piratage et de surfer sur ce site, j'ai trouvé une solution.
"devDependencies": {
"@babel/core": "^7.3.4",
"babel": "^5.8.23",
"babel-cli": "^6.26.0",
"babel-core": "^6.26.3",
"babel-loader": "^7.1.5",
"babel-preset-react": "^6.24.1",
"babel-preset-react-app": "^7.0.2",
"react": "^16.8.4",
"webpack": "^4.29.6",
"webpack-cli": "^3.2.3"
}
Ce problème peut être résolu en définissant chaque babillard dépendances p>
> = 7.8.7 code> p> blockQuote>p>
"devDependencies": { "@babel/cli": "^7.13.10", "@babel/core": "^7.13.10", "@babel/preset-env": "^7.13.10", "@babel/preset-react": "^7.12.13", }