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

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

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

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 

有任何想法吗?

你正在使用的教程使用Webpack 1,但是你现在使用的Webpack 2有一些突破性的变化。 这个错误告诉你,在指定你的加载-loader时你不能再忽略-loader 。 所有你需要做的是replace

 loader: 'babel' 

 loader: 'babel-loader' 

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

你可能需要通过npm install --save-dev babel-loader来添加babel-loader作为你的开发依赖的一部分。 这增加了babel-loader到你的package.json文件。

我全局卸载旧版本的cli,清除caching,然后按照以下说明全局安装新版本:

npm uninstall -g angular-cli @ angular / cli

npmcaching清理

npm install -g @ angular / cli @ latest

然后我更新了应用程序,这一切工作。