Изменения в файле sass не считаются действительными

Question

Хорошо, я новичок в angular, следую учебному пособию, и он говорит, что найди основной style.sass и сделай там кое-что, но я сделал следующее css из учебного пособия, и он говорит, что он не распознан.

Я нахожусь на Версии 12.11.1 узла js, если это имеет значение? Поскольку учебное пособие, кажется, предназначено для 10

https://coursetro.com/posts/code/174/Angular-8-Tutorial-&-Crash-Course

@import url('https://fonts.googleapis.com/css?family=Nunito:400,700&display=swap');

$primary: rgb(111, 0, 255);

body {
    margin: 0;
    font-family: 'Nunito', 'sans-serif';
    font-size: 18px;
}

.container {
    width: 80%;
    margin: 0 auto;
}

header {
    background: $primary;
    padding: 1em 0;

    a {
        color: white;
        text-decoration: none;
    }
    a.logo {
        font-weight: bold;
    }

    nav {
        float: right;

        ul {
            list-style-type: none;
            margin: 0;
            display: flex;

            li a {
                padding: 1em;

                &:hover {
                    background: darken($primary, 10%);
                }
            }
        }
    }
}

h1 {
    margin-top: 2em;
}

Вы можете видеть здесь, я нахожусь в правильном файле.

Answer 1

Вам нужно запустить

ng serve

, чтобы следить за изменениями