Невозможно добавить Sass в Angular 4 - PullRequest
Новая
       12

Невозможно добавить Sass в Angular 4

0 голосов
/ 18 июня 2019

Я создал пустой проект в angular 4 и пытаюсь его спроектировать, но sass не работает, когда я добавляю sass и запускаю проект, я получаю эту ошибку 

body{
    h1{
        color : red;
    }
}
    ^
      Invalid CSS after "body{": expected "}", was "{"
      in C:projectname/src\styles.sass (line 1, column 6)

Мой индекс.html код: 

<body>
  <h1>Here</h1>
</body>

Любая помощь будет оценена

1 Ответ

1 голос
/ 18 июня 2019

На основании вашего сообщения об ошибке (C: имя_проекта / src \ styles.sass) Кажется, вы используете расширение .sass для файла SCSS. Измените имя файла на styles.scss.

Sass и SCSS используют два разных и несовместимых синтаксиса.

Для Sass доступно два синтаксиса. Первый, известный как SCSS (Sassy CSS) и используется на протяжении всей этой ссылки, является расширением синтаксис CSS. Это означает, что каждая действительная таблица стилей CSS является допустимой Файл SCSS с тем же значением. Этот синтаксис улучшен с Sass особенности описаны ниже. Файлы, использующие этот синтаксис, имеют .scss расширение.

Второй и более старый синтаксис , известный как синтаксис с отступом (или иногда просто «Sass»), предоставляет более краткий способ написания CSS. Это использует отступ, а не квадратные скобки для обозначения вложенности селекторы и символы новой строки, а не точки с запятой для разделения свойств. Файлы с таким синтаксисом имеют расширение .sass.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...