[plugin:vite:css] Preprocessor dependency “sass” not found. Did you install it?と怒られた時

[plugin:vite:css] Preprocessor dependency “sass” not found. Did you install it?と怒られた時

Vueの開発で、.vueの中でscssを使おうとして、<style lang=”scss”>としたら、以下のエラーで怒られた。

[plugin:vite:css] Preprocessor dependency "sass" not found. Did you install it?
・
・
・
Click outside or fix the code to dismiss.
You can also disable this overlay by setting server.hmr.overlay to false in vite.config.js.

scssだけどsass?と思ったけど、以下コマンドでsassをインストールしたら解決した。

npm install --save-dev sass