javascript - 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 中的自动注入(inject)行解决了这个问题:

    <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-service serve' 时，我遇到了这个问题。
我希望这些信息对某人有所帮助。