ember-cli-scss 编译错误 SASS 列表和地图

Question

给定一个带有 ember-cli-scss 插件的 ember-cli 应用程序和以下包含地图的 SCSS 代码：

$mdb-color: (
  "lighten-5":  #D0D6E2,
  "lighten-4":  #B1BACE,
  "lighten-3":  #929FBA,
  "lighten-2":  #7283A7,
  "lighten-1":  #59698D,
  "base":       #45526E,
  "darken-1":   #3B465E,
  "darken-2":   #2E3951,
  "darken-3":   #1C2A48,
  "darken-4":   #1C2331,
);

编译器抛出错误Error: ("lighten-5": #fafafa, ...) isn't a valid CSS value.

通过将 node-sass 添加到 package.json 并将 node-sass 传递到应用程序配置，将 node-sass 版本更改为 3.13.0：

var nodeSass = require('node-sass');

var app = new EmberApp(defaults, {
    sassOptions: {
        nodeSass: nodeSass
    }
});

错误仍然存在。

我确定 node-sass 版本 3.13.0 将被 ember-cli-scss 使用该配置。

node-sass 3.13.0 使用 libsass 3.3.6。从 3.1 开始支持地图。

是否还有其他方法可以解决该问题？

Answer 1

错误消息似乎有些误导。实际问题是 libsass 根本无法编译 MDBootstraps，这些映射确实有效。但是我知道如何解决这个问题。

ember-cli-scss 编译错误 SASS 列表和地图

ember-cli-scss compile error with SASS Lists and Maps

sass

node.js

ember.js

libsass