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/

Answer 2

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

Answer 3

角度相关性错误。可能是在angular.json中重命名文件或文件夹

Answer 4

我全局卸载了旧版本的cli，清除了缓存，然后按照以下说明全局安装了新版本：

npm uninstall -g angular-cli @ angular / cli

npm cache clean

npm install -g @ angular / cli @ latest

然后我更新了应用程序，一切正常。

多（webpack）-dev-server / client中的错误

4 个答案: