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

【问题标题】：ERROR in multi (webpack)-dev-server/client多 (webpack)-dev-server/client 中的错误
【发布时间】：2017-02-12 19:42:12
【问题描述】：

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

有什么想法吗？

【问题讨论】：

标签： node.js webpack webpack-dev-server

【解决方案1】：

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

loader: 'babel'

与

loader: 'babel-loader'

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

【讨论】：

其有趣的 OP 并未将此标记为正确答案。工作得很好。事实上，我必须从教程示例中再做 1 处更改

【解决方案2】：

角度依赖错误。可能与重命名 angular.json 中的文件或文件夹有关

【讨论】：

【解决方案3】：

您可能需要通过运行 npm install --save-dev babel-loader 将 babel-loader 添加为开发依赖项的一部分。这会将babel-loader 添加到您的package.json 文件中。

【讨论】：

【解决方案4】：

对于带有 vue-cli-plugin-vuetify 的 vue cli 3 项目，请尝试从 devDependencies 中删除 vue-cli-plugin-vuetify vuetify-loader，然后删除 vuetify 本身。

学分： https://www.reddit.com/r/vuejs/comments/bp3kcu/uninstalling_vuetify_from_project/

【讨论】：