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

相关推荐
bearpping4 小时前
Nginx 配置:alias 和 root 的区别
前端·javascript·nginx
@大迁世界4 小时前
07.React 中的 createRoot 方法是什么?它具体如何运作?
前端·javascript·react.js·前端框架·ecmascript
January12074 小时前
VBen Admin Select 选择框选中后仍然显示校验错误提示的解决方案
前端·vben
. . . . .4 小时前
前端测试框架:Vitest
前端
xiaotao1314 小时前
什么是 Tailwind CSS
前端·css·css3
战南诚5 小时前
VUE中,keep-alive组件与钩子函数的生命周期
前端·vue.js
发现一只大呆瓜5 小时前
React-彻底搞懂 Redux:从单向数据流到 useReducer 的终极抉择
前端·react.js·面试
霍理迪6 小时前
Vue的响应式和生命周期
前端·javascript·vue.js
李剑一6 小时前
别再瞎写了!Cesium 模型 360° 环绕,4 套源码全公开,项目直接用
前端