Question

我的应用有些奇怪：大多数情况下，样式是100％实用的，并且符合预期，有时（似乎是随机的）样式没有完全加载。一些高度，宽度，边距和填充错误。

很奇怪的是，我没有错误，也找不到发生这种情况的原因。有一天，我可以工作几个小时，再也看不到这种故障，然后第二天，我又看到了几次。

无论如何，点击F5重新加载页面都可以解决问题，这使我认为这更多是加载问题，但我不确定。

我正在开发基于Angular，Material和Sass的en JHipster应用。

angular.json

"schematics": {
    "@schematics/angular:component": {
        "inlineStyle": true,
        "inlineTemplate": false,
        "spec": false,
        "prefix": "jhi",
        "styleExt": "scss"
     },

我有一个文件global.scss，其中包括一些其他文件：

global.scss

@import './theme.scss';

@import './utils/backgrounds.scss';
@import './utils/borders.scss';
@import './utils/buttons.scss';
@import './utils/cards.scss';
@import './utils/display.scss';
@import './utils/margin.scss';
@import './utils/modal.scss';
@import './utils/padding.scss';
@import './utils/position.scss';
@import './utils/size.scss';
@import './utils/text.scss';
@import './utils/input.scss';

由于大多数情况下都可以正常工作，所以我猜测这些文件中没有错误。但是我可能确实想念这里的东西。

它发生在Firefox，Chrome，Opera，Safari上，所以我认为浏览器不是问题。

请告诉我您是否需要更多代码或其他任何东西。

编辑1：我实际上想知道是否可能是我在一页中覆盖了几个实质元素，而在另一页中以不同的方式覆盖了它们。

角度+物质：风格有时是错误的

0 个答案: