SassError: $map: null ist keine Karte – Problemlösung für benutzerdefinierte Angular-Themen
<p>Ich habe das folgende benutzerdefinierte Design für mein Angular-Projekt erstellt: </p>
<pre class="brush:php;toolbar:false;">@use '@angular/material' as mat;
/* Sie können in dieser Datei globale Stile hinzufügen oder andere Stildateien importieren */
@include mat.core();
$f-marke: (
50 : #e0f2f1,
100 : #b3e0db,
200 : #80cbc4,
300 : #4db6ac,
400 : #26a69a,
500: #009688,
600 : #008e80,
700: #008375,
800 : #00796b,
900: #006858,
A100: #97ffec,
A200: #64ffe3,
A400: #31ffda,
A700: #18ffd5,
Kontrast: (
50 : #000000,
100 : #000000,
200 : #000000,
300 : #000000,
400: #ffffff,
500 : #ffffff,
600 : #ffffff,
700 : #ffffff,
800 : #ffffff,
900 : #ffffff,
A100: #000000,
A200: #000000,
A400: #000000,
A700: #000000,
)
);
$primary: mat.define-palette($f-brand);
$theme: mat.define-light-theme($primary);
@include mat.all-component-themes($theme);</pre>
<p>Ich habe das benutzerdefinierte Design auch zu meiner allgemeinen Datei „styles.css“ hinzugefügt, aber wenn ich „ng servo“ ausführe, erhalte ich die folgende Fehlermeldung: </p>
<pre class="brush:php;toolbar:false;">SassError: $map: null ist keine Karte.
╷
9 │ $foreground-base: map.get($foreground, base);
│ ^^^^^^^^^^^^^^^^^^^^^^^^^
╵
node_modules@angularmaterialcoreripple_ripple-theme.scss 9:21 color()
node_modules@angularmaterialcoreripple_ripple-theme.scss 30:7 @content
node_modules@angularmaterialcoretheming_theming.scss 376:3 private-check-duplicate-theme-styles()
node_modules@angularmaterialcoreripple_ripple-theme.scss 27:3 theme()
node_modules@angularmaterialcore_core-theme.scss 48:5 @content
node_modules@angularmaterialcoretheming_theming.scss 376:3 private-check-duplicate-theme-styles()
node_modules@angularmaterialcore_core-theme.scss 47:3 theme()
node_modules@angularmaterialcoretheming_all-theme.scss 43:5 @content
node_modules@angularmaterialcoretheming_theming.scss 376:3 private-check-duplicate-theme-styles()
node_modules@angularmaterialcoretheming_all-theme.scss 42:3 all-component-themes()
srcstyles-f-theme.scss 44:1 Root-Stylesheet</pre>
<p> Bei der Online-Suche habe ich herausgefunden, dass „map.get“ jetzt „map-get“ zu sein scheint. Leider weiß ich nicht, wie ich das beheben kann. </p>
<p>Die in meinem Projekt verwendete Angular-Version ist „14.0.5“ und die Angular Material-Version ist „14.0.4“. </p>
