Angular 7 и sass / scss - сбой сборки модуля

Я создал новый проект с помощью Angular 7. Я решил использовать scss, но у меня ошибка компиляции.

ERROR in ./src/styles.scss (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/src??embedded!./node_modules/sass-loader/lib/loader.js??ref--14-3!./src/styles.scss)
Module build failed (from ./node_modules/sass-loader/lib/loader.js):

      undefined
^
  Invalid CSS after "h1": expected 1 selector or at-rule, was "{"
  in C:\Users\bartek\...\...\sassTest\scssy-project\src\styles.scss (line 4, column 3)

Я использовал эту команду для создания нового проекта:

 ng new scssy-project --style=scss

Я пытался перестроить node-sass, но безрезультатно. Я вижу, что эта проблема появляется в нескольких темах. Но я не могу найти решения своей проблемы.

Вот мое репо

удалите node-sass из папки корневого узла и переустановите его.

Yoarthur 18.12.2018 22:13

@Yoarthur Я делаю это несколько раз в нескольких проектах. Это не работает

Bartlomiej Mroczek 18.12.2018 22:20

что там сказано ?. Пожалуйста, используйте stackblitz.com

Yoarthur 19.12.2018 17:22

Проблема решена. Сегодня все работает правильно.

Bartlomiej Mroczek 19.12.2018 21:51

Что ты сделал?.

Yoarthur 19.12.2018 22:34

Я не уверен, но, вероятно, использую синтаксис scss в файле sass. Но теперь все работает.

Bartlomiej Mroczek 21.12.2018 10:25
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
0
6
1 100
0

Другие вопросы по теме