为什么在Angular2开发服务器和生产版本上CSS看起来不同？

Question

编辑 我注意到这个问题只发生在Chrome

我正在将Angular2与Webpack一起使用，但遇到一个问题，就是与我的生产版本相比，某些SCSS样式在我的开发环境中看起来有些不同。

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

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

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

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

开发者

产品

Answer 1

此问题应该是由于开发服务器的缓存造成的。

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