有两件事导致了我的问题：

module.exports = {
    entry: './src/index.js',
    output: {

        // For some reason, the `__dirname` was not evaluating and `/public` was
        // trying to write files to a `public` folder at the root of my HD.
        path: __dirname + '/public', 

        // Public path refers to the location from the _browser's_ perspective, so 
        // `/public' would be referring to `mydomain.com/public/` instead of just
        // `mydomain.com`.
        publicPath: '/public',
        filename: 'bundle.js'
    },
    devtool: 'source-map',
    devServer:{

        // `contentBase` specifies what folder to server relative to the 
        // current directory. This technically isn't false since it's an absolute
        // path, but the use of `__dirname` isn't necessary. 
        contentBase: __dirname + '/public'
    },
    module:{
        loaders:[
            { test: /\.vue$/, loader: 'vue'}
        ]
    }
};

这是固定的webpack.config.js：

var path = require('path');

module.exports = {
    entry: [
        './src/PlaceMapper/index.js'
    ],
    output:{
        filename: 'bundle.js',
        path: path.resolve(__dirname, 'public/')
    },
    devtool: 'source-map',
    devServer:{
        contentBase: 'public'
    },
    module:{
        loaders:[
            { test: /\.vue$/, loader: 'vue'}
        ]
    }
};

经过长时间的搜索，我找到了问题的解决方案，在我的情况下，输出路径配置不正确。

这个配置解决了我的问题：

const path = require('path');

module.exports = {
  "entry": ['./app/index.js'],
  "output": {
    path: path.join(__dirname, 'build'),
    publicPath: "/build/",
    "filename": "bundle.js"
  }....

正确的解决方案

告诉dev-server给观看由所服务的文件devServer.watchContentBase选项。

默认情况下它是禁用的。

启用后，文件更改将触发整页重新加载。

例子：

module.exports = {
  //...
  devServer: {
    // ...
    watchContentBase: true
  }
};

我的开发服务器也有问题，它停止工作。以前它有效，然后我添加了大量附加功能以获得生产版本。然后当我回到 devserver 时，它不再起作用了。

进行了大量侦查——最终从 git 中的先前提交开始，然后一一重新引入更改，直到我弄清楚为止。

原来这是我对 所做的更改package.json，特别是这一行：

  "browserslist": "> 1%, not dead",

这对于指导postcss目标浏览器很有用。

但是，它会停止 devserver 工作。解决方法是将其添加到 dev webpack 配置中：

target: 'web', 

我在这里找到了解决方案：https : //github.com/webpack/webpack-dev-server/issues/2812

希望可以为某人节省几个小时的麻烦！

不知何故，就我而言，删除“--hot”使其工作。所以，我删除了hot: true

webpack.dev.js

module.exports = merge(common, {
  mode: 'development',
  devtool: 'inline-source-map',
  devServer: {
    publicPath: '/js/',
    contentBase: path.resolve(__dirname, 'docs'),
    watchContentBase: true,
  }
});

webpack.common.js

  output: {
    path: path.resolve(__dirname, 'docs/js'),
    filename: '[name].min.js',
    library: ['[name]']
  },