目錄

報錯1：[plugin:vite:css]?[SASS] Error：Can't find stylesheet to import

報錯2：[plugin:vite:css]?[sass] Error: Undefined variable

---

版本號：

"sass": "^1.86.3","sass-loader": "^16.0.5","vite": "^6.2.0"

報錯1：[plugin:vite:css]?[SASS] Error：Can't find stylesheet to import

vite.config.ts 開始文件錯誤

修改之后：完美解決報錯（不過我還沒搞懂為什么一定要使用src別名？？？）

注意??：新版引入需要使用@use

在?Sass?中，@use?規則用于加載另一個樣式表，并將其內容作為模塊導入。

與?@import?不同，@use?規則會創建一個命名空間，以避免變量、函數和混合宏的命名沖突。

報錯2：[plugin:vite:css]?[sass] Error: Undefined variable

明明正確配置，也正確使用了，還是報錯變量未定義

開始APP.vue文件如下：

解決：修改APP.vue文件之后如下：

不可能我的每一個全局變量都要使用這個variable.前綴吧？可以如下繼續更改

每一個引入scss文件的位置都要加一個 as *

as *?的作用是將導入的模塊內容直接暴露在當前樣式表的命名空間中，這樣你就可以像使用?@import?一樣直接使用導入的變量、函數和混合宏。

更改后的文件代碼如下

堅持就是勝利??！