Webpack 网页包开发服务器正在编译，不用于浏览器

运行一个非常标准的webpacvk开发服务器。Termal输出显示构建运行良好，但浏览器端没有任何更改

我知道有很多关于这个问题的问题，但是我已经尝试了所有的修复方法，但是没有一个有效

这是我的配置：

const PATHS = {
    app: path.resolve(__dirname, 'app'),
    bin: path.resolve(__dirname, 'app/bin'),
};

...

    output: {
        path: PATHS.bin,
        publicPath: 'bin/',
        filename: "bundle.min.js"
    }

...

const devConfig = {
    devtool: 'source-map',
    devServer: {
        hot: true,
        inline: true,
        progress: true,
        historyApiFallback: {
            index: path.resolve(PATHS.app, 'index.html'),
        },
        contentBase: PATHS.app,
        // Display only errors to reduce the amount of output.
        stats: 'errors-only',
        port: '8888',

    },
    plugins: basePlugins.concat(devPlugins),
};

当我运行标准的

webpack

命令时，它会输出到

app/bin/bundle.min.js

，我可以从

app/index.html

加载它

---

这可能是

output.publicPath

或其他东西的路径问题，但我已尝试将其更改为

app/

，并将

output.path

更改为

path.bin

。也不要改变任何事情

您在浏览器中使用的URL是什么？如果我使用的URL不是localhost:{port}/webpack dev server，我以前就遇到过问题-它应该在页面顶部有一个灰色的小条，其中的webpack状态更新位于（Ready/Building等）Just localhost:8888，这是我在webpack项目中经常使用的方法。我尝试转到/webpack dev server，我必须单击一个链接才能转到

http://localhost:8888/webpack-dev server/bin/bundle.min

。看起来它正确地命中了包，但没有给我源映射。这也让我明白了你所描述的灰色条，但我以前也从未见过，而且我已经成功地使用wds几个月了。你可以尝试

webpack dev server-d

，按照-这看起来对创建你的源地图有用。-编辑--或者您可以尝试将

devtool:“源代码映射”

行更改为使用

devtool:“#内联源代码映射”

。。。