node.js - 多 (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

有什么想法吗？

Answer 1

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

loader: 'babel'

与

loader: 'babel-loader'

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