在Web前端開發過程中，我們經常會使用SCSS來管理我們的樣式文件。但是在引入CSS文件時，我們有可能會遇到各種各樣的問題。本文將著重介紹一種常見的問題——在使用SCSS引入CSS時出現報錯的情況。 當我們使用SCSS文件作為CSS文件的引入文件時，我們需要使用@import語句來引入CSS文件。但是，如果我們使用的是SCSS文件名作為引入路徑時，就會出現以下錯誤：

Error: File to import not found or unreadable: styles.css - on line 1 of style.scss
@import 'styles.css';
^

以上報錯信息顯示了，我們的style.scss文件在引入'styles.css'文件時出現了錯誤。具體原因是，SCSS沒有找到該文件或文件不可讀。 解決此問題的方法是，我們可以在引入路徑中加入文件擴展名'.css'。這樣，SCSS就會直接查找.css文件，并且如果找到該文件，就會進行編譯。 使用擴展名后，我們的SCSS代碼應該像這樣：

@import 'styles.css';

這樣，當我們執行編譯的時候，SCSS就能正確地引用CSS文件，而不會出現上述錯誤。 在使用SCSS時，我們應該注意這些細節，以確保我們的代碼可以正常運行。如果在引入CSS文件時出現錯誤信息，請務必先檢查文件路徑是否正確，是否加了擴展名等問題。仔細檢查這些細節，可以幫助我們避免在開發過程中浪費時間和精力。