Bootstrap v4.0.0-alpha5 Sass kann nicht mit Webpack kompiliert werden

Question

Entschuldigung für die Buchung eines Backtrace, aber ich frage mich, ob mir jemand helfen könnte, herauszufinden, was hier falsch ist.

ich webpack bin mit zu versuchen und kompilieren Bootstrap v4.0.0 alpha 5. Es wird jedoch mit dem folgenden Fehler Fehler:

ERROR in ./styles/main.scss 
Module build failed: ModuleBuildError: Module build failed: 
    @each $breakpoint in map-keys($gutters) { 
        ^
     Argument `$map` of `map-keys($map)` must be a map 

Backtrace: 
    node_modules/bootstrap/scss/mixins/_grid.scss:50, in function `map-keys` 
    node_modules/bootstrap/scss/mixins/_grid.scss:50, in mixin `make-row` 
    assets/styles/common/_global.scss:15 
     in /Library/WebServer/Documents/myproject/wp-content/themes/mytheme/node_modules/bootstrap/scss/mixins/_grid.scss (line 50, column 24) 
... 

Rest der Backtrace nicht gezeigt.

Ich benutze das neueste von allem - Knoten 6.9.2, npm 4.0.3, die neuesten Module, soweit ich weiß.

Answer 1

in _global.scss an meinem eigenen Code sucht, die das Problem begann, war ich mit make-row mixin des Bootstrap wie folgt:

$has-gutter-width: 1rem; 

.row.has-gutter { 
    @include make-row($has-gutter-width); 
} 

Diese nicht auf Bootstrap v4.0.0 alpha 5. Sie übergeben müssen nicht funktioniert ein Sass "map" zum Mix, damit es funktioniert, nicht ein einzelner Wert wie früher in früheren Versionen von Bootstrap.

Diese Zuordnung besteht aus einer Gruppe von Schlüssel/Wert-Paaren, die die Rinnenbreiten für verschiedene Haltepunkte festlegen. Aus Gründen der Einfachheit die Stegbreite auf den gleichen Wert für jeden Ich werde eingestellt, aber Sie können es ändern, wie Sie gehen:

$gutter: 1rem; 

$has-gutter-width-map: (
    xs: $gutter, 
    sm: $gutter, 
    md: $gutter, 
    lg: $gutter, 
    xl: $gutter 
) 

.row.has-gutter { 
    @include make-row($has-gutter-width-map); 
} 

Das ist es sortieren soll.