SassError：预期的“）”答案

【问题标题】：SassError: expected ")"SassError：预期的“）”
【发布时间】：2021-02-10 14:43:48
【问题描述】：

工作环境：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,
  )
)

【问题讨论】：

你忘记了分号。
不，不是这样。它是一个 SASS，它不需要在末尾使用分号。

标签： angularjs sass scss-mixins

【解决方案1】：

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

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

【讨论】：

谢谢！我有道理
@IanLee 如果我的回答解决了您的问题，请考虑通过单击旁边的灰色勾号来接受它。 :)
是的，谢谢！（抱歉，我是堆栈溢出社区的新手，每天都在学习功能。）
没问题，我们都必须同时学习。 ^^