解决【找不到模块“./index.module.scss”或其相应的类型声明。ts(2307)】

最新推荐文章于 2025-03-21 16:47:02 发布
最新推荐文章于 2025-03-21 16:47:02 发布
阅读量2.2k 收藏 2
点赞数 2
分类专栏： react 文章标签： scss 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47287832/article/details/128475638
版权
本文介绍如何在React18和Vite3项目中配置全局SCSS文件，通过创建globals.d.ts文件并调整tsconfig设置，实现项目的全局样式引入。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

项目使用的是 react 18 、vite 3
在这里插入图片描述
首先在src同级目录创建globals.d.ts,并添加下面代码

declare module '*.scss';

最后在tsconfig的include中添加"./**/*.ts"，和exclude添加"node_modules/**/*"

  "include": [
      "src",
      "./**/*.ts"
    ],
    "exclude": ["node_modules/**/*"]

目录结构如下
在这里插入图片描述

解决在 React + TS项目中使用 scss 报 cannot find module ‘xxx.scss‘ 的问题
name_lsc的博客
01-27 3141
使用 create-react-app 的创建的项目，其默认的 webpack.config.js （这个文件默认隐藏，要查看需要运行 npm run eject，运行这个命令前需要本地 commit 代码）的文件中，是默认配置了 sass-loader 的选项的，所以在 react 项目中使用 sass 还是比较方便的。虽然默认配置了 sass-loader，但要使用 sass 还是需要先安装一下的 npm install sass or yarn add sass 安装好依赖后，就可以把样式文件改为.
猫头虎 分享已解决Bug || Failed to compile ./src/index.js Module not found: Can‘t resolve ‘./App‘ in ‘/src‘ 解
从前端设计到后端实现，从云技术到人工智能，这里分享最新的技术见解和实践经验。一起学习，一起进步！
12-22 918
Failed to compile ./src/index.js Module not found: Can't resolve './App' in '/src' 解决方案 🎉 💡 今天有粉丝问： 猫哥，我在 React 项目启动时，遇到了以下报错，项目直接无法运行，怎么解决啊？ 报错信息如下： Failed to compile ./src/index.js Module not found: Can't resolve './App' in '/src' 大家好，我是 猫头虎 🐯！ 今天我们就
找不到模块或其相应的类型声明。ts(2307)
2301_81025390的博客
01-17 2469
找不到模块或其相应的类型声明。ts(2307)，解决方案
【React】找不到模块“./index.module.scss”或其相应的类型声明
DomCode
02-23 7337
typescript突然不能识别代码：import styles from ‘./index.module.scss’，它显示 Cannot find module './**/**.module.css' or its corresponding type declarations. 解决方案： 1、创建globals.d.ts，添加以下代码： declare module '*.scss'; 2、打开tsconfig.json ，添加以下代码： "include": [ "./**/*.ts"],
vue3+ts中 .vue文件引入报错：找不到模块或其相应的类型声明
weixin_44801790的博客
03-21 556
vue3+ts中 .vue文件引入报错：找不到模块或其相应的类型声明
解决Cannot find module ‘./index.module.scss‘ or its corresponding type declarations.ts(2307）
热门推荐
qq_41804324的博客
10-30 5万+
解决Cannot find module ‘./index.module.scss’ or its corresponding type declarations.ts(2307） 嗯，这个错误产生于构建react+typescript+scss。起初百度了好多，但是。。。。不出意料，没有解决。 typescript的环境搭建可参考 链接: 取名真的好难–csdn博客 反正我感觉写的简单清晰，排版舒服。 配置好之后，问题来了 import styles from "./index.module.scss";
找不到模块“./index.module.scss”或其相应的类型声明
weixin_55881233的博客
01-10 196
解决：是项目中src列表缺少react-app-env.d.ts文件。问题：在react中出现下面图片的找不到模块。
vue3+ts找不到模块“@/style/xxx.scss”或其相应的类型声明
Leven_E的博客
11-07 2448
vue3+ts找不到模块“@/style/xxx.scss”或其相应的类型声明
找不到模块“react”或其相应的类型声明。ts(2307)
weixin_56378960的博客
01-17 1353
不要使用vscode的高版本ts, 使用项目中的版本. 这里需要取用工作区的ts版本, 操作如下。这种ts报错是项目中ts版本与vscode中的ts版本不匹配导致的;”或其相应的类型声明。复制下面设置到搜索框。
vue3+ts+vite项目从0 搭建，配置安装router/pinia/element-plus/scss等
葫芦娃y的博客
01-11 1792
vue3+ts+vite项目从0 搭建，配置安装router/pinia/element-plus/
手把手教你从0开始搭建一个vue项目（完结）
vv_bug
07-28 3125
前言 上一节webpack实战之（手把手教你从0开始搭建一个vue项目）最后我们完成了css样式的配置： webpack.config.js： const path = require("path"); const config = new (require("webpack-chain"))(); const isDev = process.env.WEBPACK_DEV_SERVER; config .context(path.resolve(__dirname, ".")) //webpack
React + webpack 开发单页面应用——采坑集之 .scss模块报错
qq_41800210的博客
05-13 491
背景：用脚手架 create-react-app-master 搭建项目。 大概报错如下（当时没记录）： Module build failed: $red: red; ^ Invalid CSS after "...load the styles": expected 1 selector or at-rule, was "var content = requi" ...
webpack编译scss语法报错的原因
luo1914_的博客
05-16 1041
先来一张报错的截图 报错的原因：就是webpack没有办法识别.scss后缀名的文件 所以我们要按照node-sass和sass-loader yarn add node-sass sass-loader -D 然后在webpack.config.js配置 module: { rules: [ { test: /\.css$/i,//指明需要匹配什么样的文件类型 use: ['style-loader', 'css-l
vue3.2+ts错误：找不到模块“./App.vue”或其相应的类型声明。ts(2307)
caishijian2008的专栏
12-18 8408
vue3.2+ts错误：找不到模块“./App.vue”或其相应的类型声明。ts(2307) 未定义 .vue文件的类型，导致 ts 无法解析其类型，在env.d.ts中定义后即可解决。
vue3加ts出现 --找不到模块“../views/admin/Pro/ProList.vue”或其相应的类型声明。ts(2307)
m0_73577884的博客
11-02 2298
ts报红，ts(2307)
找不到模块“@/components/helloWorld.vue”或其相应的类型声明。ts(2307)
weixin_52906116的博客
01-12 1549
把上边的代码存在在tsconfig.json里边，不要存放在tsconfig.node.json文件。首先，你需要再看你当前代码存放的位置是否正确，创建的项目中存在两个ts json文件。一个是tsconfig.json , 另一个是tsconfig.node.json。"baseUrl": "./", // 解析非相对模块的基地址，默认是当前目录。该项目是使用creat-vite + vue-ts模版创建。如果你在vite.config.ts中配置了别名。也在ts中配置了以下代码仍是无效。
vue3+ts 报错解决：找不到模块或其相应的类型声明。（Vue 3 can not find module）
weixin_44166849的博客
03-29 2万+
3.检查 TypeScript 配置：如果项目中有 tsconfig.json 或 jsconfig.json 文件，确保该文件包含了正确的路径别名或根路径。4.检查 Vue 配置：如果使用了如 webpack 或 Vite 这样的构建工具，确保相关的配置能够正确处理 .vue 文件。1、在当前项目的工作空间下，用 Ctrl + Shift + P (macOS：Cmd + Shift + P) 唤起命令面板。1.检查文件路径：确保 文件的路径是正确的，并且确实存在于 components 目录下。
vue3 报错解决：找不到模块或其相应的类型声明。（Vue 3 can not find module）
hfwangyl的博客
10-12 1万+
4、点击“TypeScript and JavaScript Language Features”右下角的小齿轮，然后选择“Disable (Workspace)”。1、在当前项目的工作空间下，用 Ctrl + Shift + P (macOS：Cmd + Shift + P) 唤起命令面板。2、输入 built，然后选择“Extensions：Show Built-in Extensions”。5、重新加载工作空间。3、在插件搜索框内输入 typescript (不要删除 @builtin 前缀)。
angular文件类型是什么
最新发布
04-03
当涉及到DOM修改时，推荐利用 Angular 提供的安全机制——Renderer2 类型对象完成相应任务。比如可以通过如下方法创建一个子类并实现跨平台兼容的操作[^4]: ```typescript import { ViewChild, AfterViewInit, ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

科妙知行

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值