web-dev-qa-db-ja.com

マルチ(webpack)-dev-server / clientのエラー

私はwebpack/reactjsの初心者です。ここのチュートリアルに従ってください: https://www.tutorialspoint.com/reactjs/reactjs_environment_setup.htm

その後、「npm start」後にエラーが発生しました:

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

何か案は?

11
Weijing Lin

以下のチュートリアルではWebpack 1を使用しますが、現在、いくつかの重大な変更点があるWebpack 2を使用しています。このエラーは、ローダーを指定するときに-loaderを省略できないことを示しています。交換するだけです

loader: 'babel'

loader: 'babel-loader'

他に何を変更する必要があるかを確認するには、公式ドキュメントの移行ガイドをご覧ください: https://webpack.js.org/guides/migrating/

10
Michael Jungo

npm install --save-dev babel-loaderを実行して、develdependenciesの一部としてbabel-loaderを追加する必要がある場合があります。これにより、babel-loaderpackage.jsonファイルに追加されます。

0
Samueltommzy