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

前端之家收集整理的这篇文章主要介绍了为什么我的Angular2开发服务器和生成版本的CSS看起来不同?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
编辑
我注意到此问题仅发生在Chrome中

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

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

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

enter image description here

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

enter image description here

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

DEV

enter image description here

PROD

enter image description here

解决方法

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

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

猜你在找的Angularjs相关文章