SassError: expected ")"

Question

工作环境：Angular和SASS/SCSS

我正在处理 Angular 项目，但我一直收到此错误。我试图将自定义主题调色板添加到 SASS 文件。有什么想法吗？

Failed to compile.

./src/styles.sass (../node_modules/css-loader/dist/cjs.js??ref--13-1!../node_modules/postcss-loader/src??embedded!../node_modules/resolve-url-loader??ref--13-3!../node_modules/sass-loader/dist/cjs.js??ref--13-4!./src/styles.sass)
Module build failed (from ../node_modules/sass-loader/dist/cjs.js):
SassError: expected ")".
  ╷
4 │ $md-acrpalette: (
  │                  ^
  ╵
  src/_global.sass 4:18  @import
  src/styles.sass 5:9    root stylesheet

这是 SASS 文件

@import '~@angular/material/theming'
@include mat-core()

$md-acrpalette: (
  50 : #5e5e5e,
  100 : #9d9c9c,
  200 : #90be6d,
  300 : #f3f3f3,
  400 : #fff689,
  500 : #fbfbfb,
  600 : #418dcc,
  700 : #ef626c,
  800 : #8c86aa,
  900 : #767676,
  A100 : #ea8f56,
  A200 : #536dfe,
  A400 : #3d5afe,
  A700 : #304ffe,
  contrast: (
    50 : #000000,
    100 : #000000,
    200 : #000000,
    300 : #ffffff,
    400 : #ffffff,
    500 : #ffffff,
    600 : #ffffff,
    700 : #ffffff,
    800 : #ffffff,
    900 : #ffffff,
    A100 : #000000,
    A200 : #ffffff,
    A400 : #ffffff,
    A700 : #ffffff,
  )
)

Answer 1

由于您使用的是 SASS 而不是 SCSS，因此您需要在一行中编写地图。 Multiline declarations are not supported by SASS.

$md-acrpalette: (50: #5e5e5e, 100: #9d9c9c, 200: #90be6d, 300: #f3f3f3, ...))

SassError: expected ")"

SassError: expected ")"

sass

angularjs

scss-mixins