Angular-CSS类在本地运行，但在服务器上托管应用程序后才运行

问题描述

基于angular并使用内部和外部各种类库的应用程序。 一个类库- basscss ，可以在本地使用。

但是在服务器上托管后，basscss库被调用但未应用更改。因此会造成完全的未对准。

已按如下所示在angular.json下应用了它...

"styles": [
    "node_modules/basscss/css/basscss-important.min.css"
  ],

例如-类 .mt3

调试后在本地显示

.mt3[_ngcontent-web-c42] {
margin-top: 2rem!important  <!--by default striked off mark -->
margin-top: var (--space-3)!important
}

在服务器上以调试模式检查时

.mt3[_ngcontent-web-c42] {
margin-top: 2rem!important  <!--by default striked off mark -->
margin-top: var (--space-3)!important <!-- this is applied by default but cant see it as computed in debugger -->
}

但是在服务器代码上，我取消选中margin-top: var (--space-3)!important并选中/应用margin-top: 2rem!important之后，页面正确对齐，否则未对齐。

简而言之，在服务器margin-top: var (--space-3)!important上，这甚至没有被应用。 相反，margin-top: 2rem!important可以在服务器上正常工作。

解决上述错误的任何方法..... 预先感谢

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）