web-dev-qa-db-fra.com

ERREUR dans multi (webpack) -dev-server / client

Je suis nouveau sur webpack/reactjs, suivez simplement le tutoriel ici: https://www.tutorialspoint.com/reactjs/reactjs_environment_setup.htm

Ensuite, après avoir démarré npm, j'ai eu une erreur:

ERROR in multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./main.js
Module not found: Error: Can't resolve 'babel' in '/var/www/jay/reactjs/react-app'
BREAKING CHANGE: It's no longer allowed to omit the '-loader' suffix when using loaders.
                 You need to specify 'babel-loader' instead of 'babel'.
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./main.js

Des idées?

11
Weijing Lin

Le didacticiel que vous suivez utilise Webpack 1, mais vous utilisez maintenant Webpack 2 qui a quelques changements de rupture. L'erreur vous indique que vous ne pouvez plus omettre -loader lors de la spécification de vos chargeurs. Il vous suffit de remplacer

loader: 'babel'

avec

loader: 'babel-loader'

Pour voir ce que vous pourriez avoir besoin de changer, vous pouvez consulter le guide de migration des documents officiels: https://webpack.js.org/guides/migrating/

10
Michael Jungo

Vous devrez peut-être ajouter babel-loader dans le cadre de vos dépendances de développement en exécutant npm install --save-dev babel-loader. Cela ajoute babel-loader À votre fichier package.json.

0
Samueltommzy