找不到“sass”的类型定义文件。程序包含该文件是因为:隐式类型库 "sass" 的入口点

最近初始化taro项目的时候经常会遇到这个问题,因此记录一下解决方案。

【导读】

  1. 问题描述
  2. 解决方法
  3. 踩坑点!注意点!

问题描述

这个错误通常出现在Taro初始化项目使用TypeScript项目时,打开tsconfig.json它表示你的项目中缺少Sass(SCSS)的类型定义文件。

ps:有可能你的项目没有用到Sass(SCSS),但是当你打开tsconfig.json的时候就会发现

有强迫症的程序员,怎么能忍的了这个标红

解决方法

终端执行一下npm install --save-dev @types/sass@1.43.1,将sass的类型库装进去

然后需要重启项目(关闭vscode再重新打开)

若此时还是有标红,则需要在tsconfig.json内的compilerOptions项添加types,具体代码如下 :

json 复制代码
"compilerOptions": { "types": ["sass"] }

如果仍然遇到问题,尝试编辑项目中的代码文件,例如通过添加或删除一个空行,以触发TypeScript重新解析项目文件。这有时可以帮助TypeScript重新识别类型定义

⚠️ 踩坑!!!注意!!!!

注意一下,不要直接执行npm install --save-dev @types/sass,否则安装了1.45.1版本时会仍然导致无法解决报错问题。

相关推荐
一个处女座的程序猿O(∩_∩)O几秒前
完成第一个 Vue3.2 项目后,这是我的技术总结
前端·vue.js
mubeibeinv几秒前
项目搭建+图片(添加+图片)
java·服务器·前端
逆旅行天涯7 分钟前
【Threejs】从零开始(六)--GUI调试开发3D效果
前端·javascript·3d
m0_7482552628 分钟前
easyExcel导出大数据量EXCEL文件,前端实现进度条或者遮罩层
前端·excel
web147862107231 小时前
C# .Net Web 路由相关配置
前端·c#·.net
m0_748247801 小时前
Flutter Intl包使用指南:实现国际化和本地化
前端·javascript·flutter
飞的肖1 小时前
前端使用 Element Plus架构vue3.0实现图片拖拉拽,后等比压缩,上传到Spring Boot后端
前端·spring boot·架构
青灯文案11 小时前
前端 HTTP 请求由 Nginx 反向代理和 API 网关到后端服务的流程
前端·nginx·http
m0_748254881 小时前
DataX3.0+DataX-Web部署分布式可视化ETL系统
前端·分布式·etl
ZJ_.1 小时前
WPSJS:让 WPS 办公与 JavaScript 完美联动
开发语言·前端·javascript·vscode·ecmascript·wps