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

发布时间：2020-12-17 17:00:48 所属栏目：安全来源：网络整理

导读：编辑我注意到此问题仅发生在Chrome中我正在使用Angular2和Webpack,我有一个问题,在我的开发环境中,与我的生成版本相比,某些SCSS样式看起来有点不同. 在这些屏幕截图中,我将显示导航栏的右上角,我有一个用户图标.正如您将看到图标在我的开发服务器上正确定

编辑
我注意到此问题仅发生在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

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

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!