为什么 Firefox 不能调试 webpack 打包的 Vue 组件而 Chrome 打包？

Question

在 webpack.config.js 中，我使用：

devtool: '#source-map'

我做了一个测试 Vue 组件：

<template>
    <div>
        <button @click='test'>test</button>
    </div>
</template>

<script>
export default {
    name: 'test',
    methods: {
        test () {
            let num = 1       // breakpoint in here
            num += 10
            console.log(num)  // to make sure code has been executed
        }
    }
}
</script>

在 Chrome 中，我做了一个断点，当我点击“测试”按钮时它可以正常工作。

但是我在 Firefox 中做了同样的案例，无论我点击“测试”按钮，断点都没有效果。在控制台中，“num”的值被打印出来。

所以这是Firefox的错误还是我的配置错误？我该如何解决？

谢谢！