Obtenir à nouveau la même erreur: Error: Cannot find module 'babel-preset-es2015'
.
Journal des erreurs complet:
ERROR in ./main.js Module build failed (from ./node_modules/babel-loader/lib/index.js): Error: Cannot find module 'babel-preset-es2015' from 'C:\Users\hp\Desktop\reactApp'
at Function.module.exports [as sync] (C:\Users\hp\Desktop\reactApp\node_modules\resolve\lib\sync.js:43:15)
at resolveStandardizedName (C:\Users\hp\Desktop\reactApp\node_modules\@babel\core\lib\config\files\plugins.js:101:31)
at resolvePreset (C:\Users\hp\Desktop\reactApp\node_modules\@babel\core\lib\config\files\plugins.js:58:10)
at loadPreset (C:\Users\hp\Desktop\reactApp\node_modules\@babel\core\lib\config\files\plugins.js:77:20)
at createDescriptor (C:\Users\hp\Desktop\reactApp\node_modules\@babel\core\lib\config\config-descriptors.js:154:9)
at items.map (C:\Users\hp\Desktop\reactApp\node_modules\@babel\core\lib\config\config-descriptors.js:109:50)
at Array.map ()
at createDescriptors (C:\Users\hp\Desktop\reactApp\node_modules\@babel\core\lib\config\config-descriptors.js:109:29)
at createPresetDescriptors (C:\Users\hp\Desktop\reactApp\node_modules\@babel\core\lib\config\config-descriptors.js:101:10)
at passPerPreset (C:\Users\hp\Desktop\reactApp\node_modules\@babel\core\lib\config\config-descriptors.js:58:96) @ multi (webpack)-dev-server/client?http://localhost:8080 (webpack)/hot/dev-server.js ./main.js main[2]
Pour Babel version 6, le nom du paquet est _babel-preset-es2015
_ et pour Babel version 7, le nom du paquet est _@babel/preset-es2015
_.
D'après l'erreur, il semble que vous utilisiez la version 7. Les _es20XX-presets
_ étant obsolètes, je vous recommande donc de passer à @babel/preset-env
.
Commencez par installer le préréglage (en utilisant npm
):
_npm install --save-dev @babel/preset-env
_
Ajoutez ensuite le préréglage à votre _.babelrc
_
_{
presets: ["@babel/preset-env"]
}
_
Le journal des erreurs indique clairement qu'il ne peut pas trouver le module. Cannot find module 'babel-preset-es2015' from 'C:\Users\hp\Desktop\reactApp' at Function.module.exports [as sync]
Il suffit d'exécuter cette commande pour installer des packages
npm install --save-dev @babel/preset-es2015
Vérifiez également votre .babelrc
Plus d'informations ici -> https://babeljs.io/docs/en/babel-preset-es2015
Le fait que le babel 7 utilise @babel/preset-env
. Les autres préréglages sont obsolètes. Ici, on dit à propos de cela https://babeljs.io/docs/en/v7-migration#yearly-preset-deprecations-blog-2017-12-27-nearing-the -70-releasehtml-deprecated-annual-presets-eg-babel-preset-es20xx
Vous devez spécifier dans un fichier de configuration (je ne sais pas si vous utilisez Webpack ou autre chose) prédéfini comme "@ babel/preset-env". Installez-le via npm install --save-dev @babel/preset-env
Par exemple, vous utilisez l’associé de modules Webpack. Dans ce cas, spécifiez comme ceci:
use: {
loader: "babel-loader",
options: {
presets: ["@babel/preset-env"]
}
}
Voici une documentation https://webpack.js.org/loaders/babel-loader/ si vous en avez soudainement besoin.
Bonne codage!