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

Question

修改 我注意到此问题仅发生在Chrome

中

我在Webpack中使用Angular2并且我遇到了一个问题，与我的生成版本相比，我的开发环境中某些SCSS样式看起来有点不同。

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

DEV上的用户图标，正确居中：

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

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

DEV

PROD

Answer 1

此问题应归功于开发服务器的缓存。

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