多(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
然后我更新了应用程序,这一切工作。