webpack 问题Can't resolve 'webpack/hot/dev-server'怎么解决

问题描述

问 题

配置webpack-dev-server 运行时报错配置 Can't resolve 'webpack/hot/dev-server'
代码：
webpack.config.js
var path = require('path');
var HtmlwebpackPlugin = require('html-webpack-plugin');
//定义了一些文件夹的路径
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'
},
//添加我们的插件 会自动生成一个html文件
plugins: [
    new HtmlwebpackPlugin({
        title: 'hello World app1'
    })
],
devServer: {
    historyApiFallback: true,
    hot: true,
    inline: true,
    // progress: true,
}

};
package.json
{
"name": "webpack",
"version": "1.0.0",
"description": "a test",
"main": "index.js",
"scripts": {

"start": "webpack-dev-server --inline",
"test": "echo 'Error: no test specified' && exit 1"

},
"author": "",
"license": "ISC",
"devDependencies": {

"html-webpack-plugin": "^2.28.0",
"webpack-dev-middleware": "^1.10.2",
"webpack-dev-server": "^2.4.5"

}
}
报错：

解决方案

试一下在本项目中重新安装webpack：npm install webpack（不加-g）;

这篇关于webpack 问题Can't resolve 'webpack/hot/dev-server'怎么解决的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！