Sass 错误：离子 sass 主要不是有效的 CSS 值答案

【问题标题】：Sass error : ionic sass primary isn't a valid CSS valueSass 错误：离子 sass 主要不是有效的 CSS 值
【发布时间】：2018-01-28 06:58:06
【问题描述】：

我正在尝试为我的 ionic 应用程序添加背景颜色，但现在我遇到了这个问题我的代码是

在变量.scss中

$colors: (
      primary:    #4486F9,

    );

和错误

sass: D:/hybrid_app/ionictest/accounts/src/theme/variables.scss, line: 36
        (primary: #4486F9) isn't a valid CSS value.

  L36:  $colors: (
  L37:    primary:    #4486F9,

使用

离子框架：3.6.0 离子应用脚本：2.1.3 角核心：4.1.3 Angular 编译器 CLI：4.1.3 节点：7.10.0

【问题讨论】：

结尾的逗号可能有问题？我猜你在关注this guide？
你能把整个scss文件放进去吗？我认为你在这条线的某处犯了一个错字错误，它使上述内容无效？

标签： css angular ionic-framework sass

【解决方案1】：

正确的代码如下：

$colors: (
    primary: (base: #4486F9, contrast:#000)
);

【讨论】：