角度无效的CSS,但我使用了sass

时间:2019-02-04 12:37:22

标签: css angular sass

我是Angular的新手,现在我为Angular做一个教程。 视频中的花花公子正在使用Sass,所以我也必须,我不熟悉sass,并且在尝试运行该应用程序时出现以下错误

模块构建失败(来自./node_modules/sass-loader/lib/loader.js):

::selection
    background-color: $prime
    color: $white

    box-sizing: border-box

    body,html
        margin:0
        padding:0
        font-size: 10px
        background-color: $second

@import'./sass/var' ^       “”后的CSS无效:预期为1个选择器或规则,为“ {”       在C:\ Users \ AndresTrümpy\ angulartur \ ToDoList \ src \ styles.sass中(第1行,第1列) 我「wdm」:无法编译。

我只是不知道为什么它尝试编译css,因为我声明Sass为我的样式类型

这是我的两个Sass文件中的代码

文件1

$prime: #6ae2d6
$prime-dark: #4ea89f
$second: #374855
$grey: #e8e8e8
$red: #e16c6c
$white: #ffffff

    $cube: 1rem
    $font1: "Roboto Condensed" , sans-serif
    $font2: "Roboto" , sans-serif

文件2

::selection
    background-color: $prime
    color: $white

    box-sizing: border-box

    body,html
        margin:0
        padding:0
        font-size: 10px
        background-color: $second

@import'./sass/var'

0 个答案:

没有答案