为什么我的Angular2开发服务器和生成版本的CSS看起来不同？

编辑
我注意到此问题仅发生在Chrome中

我正在使用Angular2和Webpack,我有一个问题,在我的开发环境中,与我的生成版本相比,某些SCSS样式看起来有点不同.

在这些屏幕截图中,我将显示导航栏的右上角,我有一个用户图标.正如您将看到图标在我的开发服务器上正确定位但在生产版本中错误定位

DEV上的用户图标,正确定位：

PROD上的用户图标,位置错误：

在Chromes开发工具中,我们可以看到用户图标的蓝色突出显示,尽管CSS完全相同,但它们确实占用了不同的空间量：

DEV

PROD

解决方法

此问题应归因于开发服务器的缓存.

尝试重新启动开发服务器并刷新浏览器.