Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Apa yang perlu dilakukan jika terdapat ralat semasa menyusun SASS dalam projek vue

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

藏色散人
藏色散人asal
2023-01-05 16:20:072532semak imbas

Penyelesaian kepada ralat sass kompilasi projek Vue: 1. Gunakan sumber imej "cnpm install node-sass sass-loader --save-dev" untuk memasang sass; 2. Tukar "sass" dalam "package. json" -loader" version ialah ""sass-loader": "^7.3.1",";

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

Persekitaran pengendalian tutorial ini: sistem Windows 10, sass-loader versi 7.3.1, komputer Dell G3.

Apakah yang perlu saya lakukan jika terdapat ralat semasa menyusun SASS dalam projek Vue?

Selesaikan masalah pelaporan ralat apabila vue menggunakan Sass

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)
Apa yang perlu dilakukan jika terdapat ralat semasa menyusun SASS dalam projek vue

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"

Atas ialah kandungan terperinci Apa yang perlu dilakukan jika terdapat ralat semasa menyusun SASS dalam projek vue. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:Apakah fungsi console.log()Artikel seterusnya:Apakah fungsi console.log()