微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

为什么我的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

解决方法

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

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐