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?
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/
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
.