找不到“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版本时会仍然导致无法解决报错问题。

相关推荐
2分钟速写快排4 小时前
孔乙己的茴字有多少种写法?|AI 对话实时通信的三种实现
前端·javascript·github
Penge6666 小时前
JavaScript:BOM 详解
前端
Penge6666 小时前
Vite vs Webpack:前端构建工具原理与实战
前端
Penge6666 小时前
前端包管理工具:npm、Yarn、pnpm 快速入门
前端
Penge6667 小时前
Sass 了解
前端
Penge6667 小时前
Webpack 打包从 0 到 1 实战笔记
前端
Penge6667 小时前
Webpack 入门:是什么、为什么需要、怎么使用?
前端
Penge6668 小时前
Ant Design(Antd)了解
前端
wangruofeng8 小时前
同一行代码,百种渲染:Asuka、React Native 与 Flutter 跨平台渲染机制深度拆解
前端·github
濮水大叔8 小时前
Cabloy/Vona 为什么不需要 NestJS 的 Dynamic Module
typescript·node.js·nestjs