在“无法解析styleName”之后启用热重载

Question

在我的webpackDevServer设置中，热重载可以正常工作，包括对SCSS的更改，除非我添加了全新样式和styleName。

例如，如果我添加div styleName="foo"，我将得到

Could not resolve the styleName 'foo'

这时webpackDevServer崩溃，即使添加了新样式，我也必须手动将其杀死并重新启动。 （实际上，即使我先将样式添加到SCSS，也会发生这种情况！）

我的babel-loader配置为使用如下插件：

        options: {
          plugins: [
            [
              'react-css-modules', {
                webpackHotModuleReloading: true
              }
            ]
          ]
        }

在我将样式添加到SCSS之后，该热重载应该不会吗？

一些细节：

• 节点10.14.1
• Webpack 4
• Webpack开发服务器3
• 通天塔6

更新

实际上，如果我对.js文件进行了更改（无论大小如何），都会重新启动热重载 。因此，我目前的工作流程是添加空白行，保存并删除空白行。这不是很理想，但是...