Module not found: Error: Cannot resolve module 'webpack/hot/dev-server'

#1

我按照http://zhuanlan.zhihu.com/FrontendMagazine/20367175 的里面 来 学习webpack , 当添加webpack-dev-server, 并install 完成后。

运行npm start, 就会报错, 上网差了好久, 也没有找到解决办法, 请打大神吗, 帮助一下。

Module not found: Error: Cannot resolve module 'webpack/hot/dev-server'

代码:
webpack.config.js

var path = require('path');
var HtmlwebpackPlugin = require('html-webpack-plugin');
var webpack = require('webpack');
//定义了一些文件夹的路径
var ROOT_PATH = path.resolve(__dirname);
var APP_PATH = path.resolve(ROOT_PATH, 'app');
var BUILD_PATH = path.resolve(ROOT_PATH, 'build');

module.exports = {
  //项目的文件夹 可以直接用文件夹名称 默认会找index.js 也可以确定是哪个文件名字
  entry: APP_PATH,
  //输出的文件名 合并以后的js会命名为bundle.js
  output: {
    path: BUILD_PATH,
    filename: 'bundle.js'
  },
  devServer: {
    historyApiFallback: true,
    hot: true,
    inline: true,
    progress: true,
  },
  //添加我们的插件 会自动生成一个html文件
  plugins: [
    new HtmlwebpackPlugin({
      title: 'Hello World app'
    })
  ]
};

package.json

 {
  "name": "webpack",
  "version": "1.0.0",
  "main": "index.js",
  "scripts": {
    "start": "webpack-dev-server --hot --inline"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "webpack-dev-server": "^1.14.1"
  },
  "dependencies": {},
  "description": ""
}

#2

webpack 也要作为一个 devDepenency 在本地安装的

#4

我找到答案了:
https://github.com/darul75/web-react/issues/12

这个链接中有个人说的:
I face this issue this days. I had webpack installed globally:
npm install -g webpack
I solved by linking to the global installation:
npm link webpack
I hope this might help others.

1 Like
#5

我也是这样解决的哦