Angular + материал sass: стиль иногда ошибается - PullRequest
Новая
       18

Angular + материал sass: стиль иногда ошибается

0 голосов
/ 11 января 2019

К моему приложению добавляется что-то странное: большую часть времени стиль работает на 100% и, как и ожидалось, иногда (кажется случайным) загружается не полностью. Некоторая высота, ширина, поля и отступы неверны.

Что странно, так это то, что у меня нет ошибок, и я не могу найти причину, по которой это происходит. Однажды я могу работать несколько часов и никогда не видеть этот сбой, а на следующий день я вижу его несколько раз.

В любом случае, нажатие клавиши F5 для перезагрузки страницы решает проблему, из-за чего я думаю, что это скорее проблема загрузки, но я не уверен.

Я работаю над приложением, основанным на JHipster, с Angular, Material и sass.

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: Мне действительно интересно, может ли я переопределить несколько элементов материала на одной странице и переопределить их другим способом на другой странице.

...