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

Question

我是webpack/reactjs的新手,只需按照这里的教程:https://www.tutorialspoint.com/reactjs/reactjs_environment_setup.htm

然后在我'开始'后,我得到了错误:

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

有任何想法吗？

Answer 1

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

loader: 'babel'

同

loader: 'babel-loader'

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