'Undefined variable: \"$enable-cssgrid\

i'm starting in a new project using SASS for the first time,

i was able to run npm install successfully. but when i try to run npm run watch

i'm always getting errors of undefined variables, like this one:

        {
      "status": 1,
      "file": ".../node_modules/bootstrap/scss/_grid.scss",
      "line": 15,
      "column": 5,
      "message": "Undefined variable: \"$enable-cssgrid\".",
      "formatted": "Error: Undefined variable: \"$enable-cssgrid\".\n        on line 15 of node_modules/bootstrap/scss/_grid.scss\n        from line 12 of scss/bootstrap.scss\n        from line 4 of scss/style.scss\n>> @if $enable-cssgrid {\n\n   ----^\n"
    }

the file that the error refers to:

    @if $enable-cssgrid {
  .grid {
    display: grid;
    grid-template-rows: repeat(var(--#{$variable-prefix}rows, 1), 1fr);
    grid-template-columns: repeat(var(--#{$variable-prefix}columns, #{$grid-columns}), 1fr);
    gap: var(--#{$variable-prefix}gap, #{$grid-gutter-width});

    @include make-cssgrid();
  }
}

hope some can help



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source