Was tun, wenn beim Kompilieren von SASS im Vue-Projekt ein Fehler auftritt?-Front-End-Fragen und Antworten-php.cn

Was tun, wenn beim Kompilieren von SASS im Vue-Projekt ein Fehler auftritt?

藏色散人

Freigeben： 2023-01-05 16:20:07

Original

2496 Leute haben es durchsucht

Lösung für den Sass-Fehler bei der Vue-Projektkompilierung: 1. Verwenden Sie die Bildquelle „cnpm install node-sass sass-loader --save-dev“, um sass zu installieren. 2. Ändern Sie die „sass-loader“-Version in „package .json“ Es ist „sass-loader“: „^7.3.1“,; 3. Verwenden Sie es direkt auf der Seite oder verwenden Sie @ anstelle von src.

Was tun, wenn beim Kompilieren von SASS im Vue-Projekt ein Fehler auftritt?

Die Betriebsumgebung dieses Tutorials: Windows 10-System, Sass-Loader-Version 7.3.1, Dell G3-Computer.

Was soll ich tun, wenn das Vue-Projekt Sass-Fehler kompiliert?

Das Fehlerproblem lösen, wenn Vue Sass verwendet

npm config set registry https://registry.npm.taobao.org/

//sass-node报错的话，使用镜像源cnpm install node-sass sass-loader --save-dev 再安装一次
npm install node-sass --registry=https://registry.npm.taobao.org

Nach dem Login kopieren

Verwendung:

Problembeschreibung:

Bei der Verwendung des Sass-Fehlerberichts ist das folgende Problem aufgetreten:

"sass-loader": "^7.3.1",

Nach dem Login kopieren

Lösung

Diese Art von Problem wird normalerweise durch das Fehlen relevanter Abhängigkeiten verursacht. Sehen Sie sich in diesem Beispiel die Fehlermeldung sorgfältig an und greifen Sie auf die Schlüsselwörter vue- zu. style-loader!css-loader, die Beschreibung lautet: Beim Parsen von CSS ist ein Problem aufgetreten. Die Lösung hängt also von der Situation ab und hängt von der CSS-Sprache ab, die Sie verwenden, ob sie normal, weniger oder sass ist.

1. Wenn Sie es in
normal Was tun, wenn beim Kompilieren von SASS im Vue-Projekt ein Fehler auftritt? finden, führen Sie

*!!vue-style-loader!css-loader?{“sourceMap”:true}!
../../../../vue-loader/lib/style-compiler/index?{“vue”:t
rue,”id”:”data-v-570115ee”,”scoped”:false,”hasInlineConfig”:false}!../../../../vux-loader/src/after-less-loader.js!less-loader?{“so
urceMap”:true}!../../../../vux-loader/src/style-loader.js!../../../../vue-loader/lib/selector?type=style
s&index=0!./index.vue in ./node_m
odules/vux/src/components/alert
/index.vue

Nach dem Login kopieren

aus. Wenn Sie es in

npm install stylus-loader css-loader style-loader --save-dev

Nach dem Login kopieren

finden, führen Sie es aus Abhängigkeiten

oder

npm install less less-loader --save-dev

Nach dem Login kopieren

Wenn Sie es nicht wissen, machen Sie dann alle drei?.

Im Allgemeinen tritt dieses Problem nur bei der Initialisierung der Konfiguration auf. Wenn es sich um ein vollständiges Projekt handelt, wurde es in package.json konfiguriert und Sie können es direkt installieren.

Empfohlenes Lernen: „vue-Video-Tutorial

“

Das obige ist der detaillierte Inhalt vonWas tun, wenn beim Kompilieren von SASS im Vue-Projekt ein Fehler auftritt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!