Проблема Angular Sass (работает не так, как ожидалось, но ошибок нет)

Question

Я работаю над дизайном, и я только что нашел что-то странное.

Я попробовал это:

.user-header {
  height:100px;
  background:blue;

  img {
    width:50px;
    height:50px;
  }

  span {
    color:red;
    font-weight:bold;
  }
}

Мое изображение хорошее: 50x50, как и ожидалось.И мой промежуток жирный красный.Но мой пользовательский заголовок не имеет стиля, как это возможно?

Посмотрите на экраны:

И кое-чтоболее странно, я пытался скомпилировать sass в css, и когда я пытаюсь с этим кодом: (100% то же самое)

.user-header {
  height: 100px;
  background: blue;
}
.user-header img {
  width: 50px;
  height: 50px;
}
.user-header span {
  color: red;
  font-weight: bold;
}

Это работает так хорошо.Но это не решение, я хочу использовать Sass.

Несколько советов, пожалуйста, я не знаю, что я могу сделать, чтобы это исправить.Я пытался восстановить подачу и т. Д. Во всех моих компонентах все работает хорошо, только в этом у меня проблема с scss / css.

Редактировать:

https://stackblitz.com/edit/angular-scss-demo-kkfjvq Вы можете взглянуть на этот стек-блиц.

Answer 1

У меня отлично работает, я обновил Sass и обновил приложение.
Просто заново вставьте код, сделал свое дело.