次世代 Hugo

無駄を削ぎ、本質を研ぐ

SCSS 使用 @use 報錯

Sam Xiao's Avatar 2025-07-20

.scss 使用新的 @use 引用其他檔案時,WebStorm 會報錯找不到檔案。

Version

WebStorm 2025.1.3

Cannot Resolve File

resolve01

  • 當在 .scss 檔使用 @use 引用其他檔案時,出現 Cannot resolve file 錯誤訊息

resolve02

Settings -> Directories

  • 將 SCSS 的 根目錄 指定成 Resource Root

Conclusion

  • 只要在 WebStorm 指定 SCSS 的 根目錄,在 SCSS 檔內使用 @use 就不會顯示錯誤