Webpack-[HMR]和[WDS]触发两次

Question

我越来越喜欢的消息[HMR] Waiting for update signal from WDS...和[WDS] Hot Module Replacement enabled.在开发工具的控制台两次。这是为什么？难道我做错了什么？

我的webpack.config.js档案：

...
module.exports = () => {
    return {
        entry: {
            bundle: './src/app/App.jsx',
            sw: './src/app/sw.js'
        },
        output: {
            filename: '[name].js',
            path: path.resolve(__dirname, 'dist'),
            globalObject: 'this'
        },
        devtool: 'source-map',
        devServer: {
            contentBase: path.resolve(__dirname, 'dist'),
            historyApiFallback: true
        },
...
        node: {
            fs: 'empty',
            net: 'empty',
            tls: 'empty'
        }
    };
};

版本："webpack": "^4.27.1"，"react-hot-loader": "^4.6.0"，"webpack-dev-server": "^3.1.10"

Answer 1

我通过删除 public/index.html 中的自动注入行解决了这个问题：

    <div id="app"></div>
<!-- built files will be auto injected -->
<!-- <script type="text/javascript" src="/js/chunk-vendors.js"></script><script type="text/javascript" src="/js/app.js"></script> -->

之前我正在构建 vue 网站并使用 Nodejs Express 服务器来静态提供服务。当我更改为仅使用“vue-cli-serviceserve”时，我遇到了这个问题。

我希望这些信息对某人有帮助。