更改obj后，webpack-dev-server无法重新加载

Question

export default {
    data() {
        return {
            userName: 'naraku',
            itemTotal: [1,2,3,4,5,6,7,8,9],
            nickName: 'ljs'
        }
    },
    methods: {
        notify: function(e){
            var i = 0;
        }
    },
    components: {
        'hello': require('../components/hello.vue')
    }
}   

如果我按如下所示进行修改，代码将导出Vue实例：

console.log('change'); // 
export default {
    data() {
        return {
            userName: 'naraku',
            itemTotal: [1,2,3,4,5,6,7,8,9],
            nickName: 'ljs'
        }
    },
    methods: {
        notify: function(e){
            var i = 0;
        }
    },
    components: {
        'hello': require('../components/hello.vue')
    }
}   

Tt工作了。 但是我这样修改：

export default {
    data() {
        return {
            userName: 'hello',  // change the userName
            itemTotal: [1,2,3,4,5,6,7,8,9],
            nickName: 'ljs'
        }
    },
    methods: {
        notify: function(e){
            var i = 0;
        }
    },
    components: {
        'hello': require('../components/hello.vue')
    }
}   

它不起作用。 视图上没有任何更改。 为什么？