問題：

scss文件中使用了@import來引入另一個scss文件，兩個scss文件不在同一層級，所以我使用相對路徑的寫法來引用文件，但是使用vs code里面安裝的擴展Easy Sass進行編譯時，終端報錯

?但其實這個文件是存在的，并且相對路徑的寫法是沒有錯的，而且之前用過其他編譯工具（koala）編譯過也沒有問題，那我就考慮到會不會是Easy Sass不能識別@import相對路徑，我嘗試把page-common.scss放到和about-honor.scss同目錄下?，再次編譯是可以成功的。

解決：

?雖然把給page-common.scss換個位置是可以編譯成功，但是考慮到page-common.scss被多個文件引用過，不能隨便更改位置，網上查閱文章找到了一種解決辦法，把路徑改寫為

@import?'..\\page-common.scss';

換成雙反斜杠的寫法可以編譯成功，使用了windows平臺的路徑寫法（有可能是因為vs code是微軟開發的），上面兩個斜杠一個是路徑符一個是轉義符

為什么需要轉義符呢？

在Windows平臺上使用反斜線，我們必須保證路徑名里不會出現特殊字符。當然，我們可以使用轉義字符（\）來避免這個問題。

但是我嘗試過文件命名沒有特殊字符的時候，只寫單個反斜杠也不能編譯，具體原因我也不清楚，如果有知道的小伙伴麻煩留言告訴我一下，我也一直在尋找答案！

總結

以上是生活随笔為你收集整理的vs code使用Easy Sass插件编译sass文件路径报错问题解决的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。