web-dev-qa-db-fra.com

Erreur dans le module Build a échoué (à partir de ./node_modules/sass-loader/lib/loader.js):

Je cours la commande suivante:

ng build --prod --aot --base-href ./

Et recevoir;

ERROR in Module build failed (from ./node_modules/sass-loader/lib/loader.js):

$clr-popover-box-shadow-color: rgba(clr-getColor(dark), 0.25);
                              ^
      Argument `$color` of `rgba($color, $alpha)` must be a color
      in /Users/allan/git/dcfrontend/node_modules/@clr/ui/src/utils/_variables.global.scss (line 84, column 32)

Je suis sur Angular 7 et clarté 1.04.

Extrait de mon angular.json:

        "styles": [
          "node_modules/@clr/icons/clr-icons.min.css",
          "node_modules/@clr/ui/clr-ui.min.css",
          "node_modules/prismjs/themes/prism-solarizedlight.css",
          "src/styles.css",
          "node_modules/lato-font/css/lato-font.min.css"
        ],
        "scripts": [
          "node_modules/core-js/client/shim.min.js",
          "node_modules/mutationobserver-shim/dist/mutationobserver.min.js",
          "node_modules/@webcomponents/custom-elements/custom-elements.min.js",
          "node_modules/web-animations-js/web-animations.min.js",
          "node_modules/prismjs/prism.js",
          "node_modules/prismjs/components/prism-TypeScript.min.js",
          "node_modules/@clr/icons/clr-icons.min.js"
        ]
angularvmware-claritysass-loader
7
Allan Bowe

J'avais aussi la même erreur et je l'ai résolu en exécutant la commande NPM ci-dessous:

npm rebuild node-sass
5
Saniya syed qureshi

Utilisez NVM pour rétrograder votre version de nœud - 99% de ces erreurs provenant d'une conflit de version entre les versions de noeuds pris en charge de Node-Sass et ce que vous utilisez sur votre système. C'est toujours un frustrant!

0
James Begg

Cela résoudra mon problème npm install --save-dev --unsafe-perm node-sass

0
NJ Esakkivash

J'ai donc eu ma réponse en courant ng serve à la place de ng build - Cela m'a dit lequel de mes propres fichiers source contenait réellement le problème.

Je l'ai résolu en remplaçant les importations suivantes:

@import '../../../../node_modules/@clr/ui/src/utils/helpers.clarity';
@import '../../../../node_modules/@clr/ui/src/color/utils/colors.clarity';
@import '../../../../node_modules/@clr/ui/src/color/utils/contrast-cache.clarity';
@import '../../../../node_modules/@clr/ui/src/color/utils/helpers.clarity';
@import '../../../../node_modules/@clr/ui/src/utils/variables.clarity';

avec des valeurs codées en dur:

$clr-header-height: 2.5rem;
$clr-near-white: #fafafa;
$clr-dark-gray: #565656;
$clr-light-gray: #eee;
0
Allan Bowe

Dans mon cas, je n'utilisais pas (NG Servir) du dossier racine de mon projet. Se déplacer dans le dossier racine a résolu le problème pour moi.

0
MichaelEr