[HMR] Hot Module Replacement is disabled.-阿里云开发者社区

开发者社区> 云计算> 正文

[HMR] Hot Module Replacement is disabled.

简介: webpack配置 let path = require('path'); let htmlWebpackPlugin = require('html-webpack-plugin'); const webpack = require('webpack...

webpack配置

let path = require('path');
let htmlWebpackPlugin = require('html-webpack-plugin');
const webpack = require('webpack');
const CleanWebpackPlugin = require('clean-webpack-plugin');

module.exports = {
    entry: './main.js',
    output: {
        path: path.resolve(__dirname, 'dist'),
        filename: 'bundle.js'
    },
    mode: 'development',
    devtool: 'inline-source-map',
    devServer: {
        contentBase: './dist',
        hot: true
    },
    plugins: [
        new htmlWebpackPlugin(),
        new CleanWebpackPlugin(['dist']),
        new webpack.NamedModulesPlugin(),
        new webpack.HotModuleReplacementPlugin()
    ]
}

一切都是安装文档配置,结果报了个错: [HMR] Hot Module Replacement is disabled.
查了stackoverflow,需要在启动的时候加上下面这一句

--hot --inline
package.json配置如下:
"start": "webpack-dev-server --hot --inline --open"

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
云计算
使用钉钉扫一扫加入圈子
+ 订阅

时时分享云计算技术内容,助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。

其他文章