创建Vue项目配置lang="sass"提示Sass依赖未找到，如何解决？

问题原因 #

全局安装的Sass不会被Vite识别，Vite会优先从项目本地的node_modules目录查找预处理器依赖，全局环境的包不在项目的依赖范围内，所以会抛出找不到的错误。

解决步骤 #

• 进入项目根目录，安装sass到开发依赖：

  npm install -D sass
  

• 安装完成后，重启开发服务：

  npm run dev
  

若问题仍存在的排查方案 #

• 检查package.json中是否残留node-sass相关依赖，若有则删除，再执行npm install重新安装依赖
• 清理缓存并重装依赖：
  1. 删除node_modules文件夹和package-lock.json文件
  2. 执行npm install重新安装所有依赖
  3. 再次启动开发服务npm run dev

内容的提问来源于stack exchange，提问作者theking2