Apa yang perlu dilakukan jika terdapat ralat semasa menyusun SASS dalam projek vue

sass:

Pemasangan:

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

Tukar versi sass-loader dalam package.json

"sass-loader": "^7.3.1",

Gunakan:

Gunakan terus atau @ bukannya src dalam halaman (@ tidak perlu dikonfigurasikan dalam 3.x, tetapi perlu dikonfigurasikan dalam fail webpack dalam 2.x)

Penerangan masalah:

Masalah berikut ialah ralat yang saya hadapi semasa menggunakan 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

Penyelesaian
Masalah jenis ini secara amnya disebabkan oleh kebergantungan yang berkaitan Untuk contoh ini, lihat dengan teliti mesej ralat dan fahami kata kunci, vue-style-loader, yang menunjukkan bahawa ada masalah apabila css dihuraikan.
Oleh itu, penyelesaiannya bergantung pada situasi dan bergantung pada bahasa CSS yang anda gunakan, sama ada ia biasa atau kurang atau sass.

1. Jika ditemui dalam biasa , laksanakan

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

2. Jika ditemui dalam kurang, laksanakan

npm install less less-loader --save-dev

3. Jika anda menemuinya dalam sass, cuma jalankan

npm install sass sass-loader --save-dev

untuk memasang dependensi
atau

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

jika anda awak tak tahu, okay, awak buat ketiga-tiganya?.

Secara amnya masalah ini hanya berlaku apabila memulakan konfigurasi Jika projek sudah selesai, ia akan dikonfigurasikan dalam package.json dan boleh dipasang terus.

Pembelajaran yang disyorkan: "tutorial video vue"