webpack 开发服务器不运行 piz 帮帮我答案

【问题标题】：webpack dev server doesn't run piz help mewebpack 开发服务器不运行 piz 帮帮我
【发布时间】：2021-12-14 02:11:50
【问题描述】：

我的 webpack dev sercer 没有运行 piz help my

我的错误：

enter image description here

webpack 配置

devtool: 'inline-source-map',
    devServer: {
        contentBase:  path.resolve(__dirname, './dist/app.js'),
        compress: true,
        port: 3000,
        open: true,
        hot: true,
        watchContentBase: true
    }

package.json：

"scripts": {
    "build": "webpack",
    "dev": "webpack serve"
  },


"devDependencies": {
    "alpinejs": "^3.4.2",
    "css-loader": "^6.5.0",
    "html-webpack-plugin": "^5.5.0",
    "style-loader": "^3.3.1",
    "webpack": "^5.60.0",
    "webpack-cli": "^4.9.1",
    "webpack-dev-server": "^4.4.0"
  }

【问题讨论】：

标签： webpack webpack-dev-server

【解决方案1】：

webpack 版本 5 不再支持此配置

试试这个

{
    devtool: 'inline-source-map',
    devServer: {
        static:  {
            directory: path.resolve(__dirname, './dist/app.js')
        },
        compress: true,
        port: 3000,
        open: true,
        hot: true,
        watch: true
    }
}

更多详情可以关注dev-server documentation

【讨论】：