在 Bootstrap 4 Beta 中添加灰度时 Gulp 中的未定义变量错误答案

【问题标题】：Undefined variable error in Gulp when adding to grey scale in Bootstrap 4 Beta在 Bootstrap 4 Beta 中添加灰度时 Gulp 中的未定义变量错误
【发布时间】：2018-04-06 10:13:57
【问题描述】：

我今天第一次开始使用 Gulp，我一直在尝试更改 _variables.scss 文件中的一些变量来修改主题。我在颜色系统的灰度中添加了一个灰色，当我用 gulp 将其编译为 css 时出现错误：

错误：node_modules\bootstrap\scss_variables.scss 错误：未定义变量：“$grey-950”。在 node_modules/bootstrap/scss/_variables.scss 的第 135 行 $body-bg: $grey-950 !default;
----------------------------------------^

我对 _variables.scss 文件和灰度的理解是，只要我像这样绘制出来，我就可以多放一个：

// stylelint-disable
$white:    #fff !default;
$gray-100: #f8f9fa !default;
$gray-200: #e9ecef !default;
$gray-300: #dee2e6 !default;
$gray-400: #ced4da !default;
$gray-500: #adb5bd !default;
$gray-600: #868e96 !default;
$gray-700: #495057 !default;
$gray-800: #343a40 !default;
$gray-900: #212529 !default;
$gray-950: #222222 !default;
$black:    #000 !default;

$grays: () !default;
$grays: map-merge((
  "100": $gray-100,
  "200": $gray-200,
  "300": $gray-300,
  "400": $gray-400,
  "500": $gray-500,
  "600": $gray-600,
  "700": $gray-700,
  "800": $gray-800,
  "900": $gray-900,
  "950": $gray-950
), $grays);

那么我应该可以将它用于页面背景：

// Body
//
// Settings for the `<body>` element.

$body-bg:                   $grey-950 !default;
$body-color:                $gray-900 !default;

有没有我可能遗漏的步骤？

【问题讨论】：

标签： sass gulp bootstrap-4

【解决方案1】：

您的$body-bg 变量是grey-950 !default；

不应该是gray-950 !default吗？

【讨论】：

完全没有注意到！谢谢！！