Que faire s'il y a une erreur lors de la compilation de SASS dans le projet vue

Solution à l'erreur sass dans la compilation du projet vue : 1. Utilisez la source de l'image "cnpm install node-sass sass-loader --save-dev" pour installer sass ; 2. Modifiez la version "sass-loader" dans "package" .json" Il s'agit de ""sass-loader": "^7.3.1","; 3. Utilisez-le directement dans la page ou utilisez @ au lieu de src.

L'environnement d'exploitation de ce tutoriel : système Windows 10, sass-loader version 7.3.1, ordinateur Dell G3.

Que dois-je faire si le projet vue compile des erreurs sass ?

Résoudre le problème d'erreur lorsque vue utilise Sass

sass :

Installation :

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

Modifier la version du chargeur sass dans package.json

"sass-loader": "^7.3.1",

Utilisation :

Utilisez directement ou @ au lieu de src dans la page (@ n'a pas besoin d'être configuré dans 3.x, et doit être configuré dans le fichier webpack dans 2.x)

Description du problème :

Le problème suivant a été rencontré lorsque j'ai utilisé le rapport d'erreur sass :

*!!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

Solution
Ce type de problème est généralement causé par le manque de dépendances pertinentes. Pour cet exemple, regardez attentivement le message d'erreur et saisissez les mots-clés, vue-. style-loader!css-loader, la description est Il y a eu un problème lors de l'analyse du CSS.
Donc, la solution dépend de la situation, selon le langage CSS que vous utilisez, qu'il soit régulier ou moins ou impertinent.

1. Si vous le rencontrez dans normal, exécutez

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

2 Si vous le rencontrez dans less, exécutez

npm install less less-loader --save-dev

3 Si vous le rencontrez dans sass, exécutez

npm install sass sass-loader --save-dev

Installez simplement le. dépendances
ou

 $npm intall sass-loader --save ; $npm install node-sass --save

Si vous ne savez pas, eh bien, vous faites les trois ?.

Généralement ce problème ne surviendra qu'à l'initialisation de la configuration. S'il s'agit d'un projet complet, il aura été configuré dans package.json, et vous pourrez l'installer directement.

Apprentissage recommandé : "tutoriel vidéo vue"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!