多 (webpack)-dev-server/client 中的错误

Question

我是 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

有任何想法吗？

原文由 Weijing Lin 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您正在学习的教程使用 Webpack 1，但您现在使用的是 Webpack 2，它有一些重大更改。该错误告诉您在指定加载程序时不能再省略 -loader 。您需要做的就是更换

loader: 'babel'

和

loader: 'babel-loader'

要查看您可能需要更改的其他内容，您可以查看官方文档中的迁移指南： https ://webpack.js.org/guides/migrating/

原文由 Michael Jungo 发布，翻译遵循 CC BY-SA 3.0 许可协议