React-Widget组件加载没有自定义样式 - 直到浏览器刷新

Question

当新用户登录并重定向到主页面时，我的日历组件（react-Widgets的一部分）将不会采用我给它的自定义样式，如下所示

// style.scss

@import "./calendar.scss";       // <----- does not load until browser refresh
@import "./charts.scss";         // <----- loads fine
@import "./dietTable.scss";      // <----- loads fine
...

刷新浏览器会正确加载样式，一切正常，直到注销。

即使关闭浏览器并稍后将其返回到网站，日历样式也会加载 - 只要用户的登录标记仍在localStorage中。

它在开发期间以及生产中都是这样（当所有css都编译成单个文件时）。

这是一个常见的问题吗？

------------- setup ------------

// feature.jsx (main page)

require('../../style/style.scss');

// webpack.config.js

{
    test: /\.s?css$/,
    use: ExtractTextPlugin.extract({
        fallback: 'style-loader',
        use: ['css-loader', 'sass-loader']
    })
}

// the problem was there even when I wasn't extracting the test
// with the plugin