React找不到模块“./index.module.scss”或其相应的类型声明及解决方法

更新时间：2023年09月05日 09:34:29 作者：DomCode

这篇文章主要介绍了React找不到模块“./index.module.scss”或其相应的类型声明及解决方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

React找不到模块“./index.module.scss”或其相应的类型声明

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"],
"exclude": ["node_modules/**/*"]

3、重启 npm start 即可

vue3+ts找不到模块“@/style/xxx.scss”或其相应的类型声明

问题：在vue项目里引用.scss文件，vscode编辑器会有红色波浪线，提示找不到模块：

解决：找到src目录下的shims-vue.d.ts文件，增加如下配置即可：

/* eslint-disable */
declare module '*.vue' {
	import type { DefineComponent } from 'vue';
	const component: DefineComponent<{}, {}, any>;
	export default component;
}
declare module '*.scss' {
	const css: string;
	export default css;
}
declare module '*.sass' {
	const css: string;
	export default css;
}

到此这篇关于React找不到模块“./index.module.scss”或其相应的类型声明的文章就介绍到这了,更多相关React找不到模块 ./index.module.scss内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

React19 新增Hooks中useOptimistic的使用
useOptimistic是React提供的一个Hooks,用于实现乐观更新UI的效果,适用于评论发送等需要即时反馈的场景,下面就来详细的介绍一下
2026-05-05
react组件传值的四种方法
本文主要介绍了react组件传值的四种方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2023-04-04
React组件实例三大核心属性State props Refs详解
组件实例的三大核心属性是：State、Props、Refs。类组件中这三大属性都存在。函数式组件中访问不到 this，也就不存在组件实例这种说法，但由于它的特殊性（函数可以接收参数），所以存在Props这种属性
2022-12-12
React脚手架config-overrides.js文件的配置方式
这篇文章主要介绍了React脚手架config-overrides.js文件的配置方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
2023-10-10
React.js前端导出Excel的方式
这篇文章主要为大家介绍了React.js前端导出Excel的方式详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-07-07
react实现页面水印效果的全过程
大家常常关注的是网站图片增加水印,而很少关注页面水印,其实这个需求也是比较常见的,比如公文系统、合同系统等,这篇文章主要给大家介绍了关于react实现页面水印效果的相关资料,需要的朋友可以参考下
2021-09-09
react封装全局弹框的方法
这篇文章主要为大家详细介绍了react封装全局弹框的方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-10-10
Vue 3开发者转型React保姆级教程(含实际项目案例)
从Vue转到React并不难,两者作为主流前端框架,核心思想(组件化、声明式编程)一致,但在语法、API设计和最佳实践上存在差,这篇文章主要介绍了Vue3开发者转型React保姆级教程的相关资料,需要的朋友可以参考下
2026-05-05
React项目中服务器端渲染SSR的实现与优化详解
在传统的 React 项目里,页面的渲染工作是在浏览器里完成的,而服务器端渲染（SSR）则是让服务器先把 React 组件渲染成 HTML 字符串,再把这个 HTML 字符串发送给浏览器,下面我们就来看看具体实现方法吧
2025-03-03
react数组循环渲染过程
在React中,我们使用map方法对数组进行循环渲染,并生成对应的jsx结构,为了确保React的diff算法可以正确地处理dom对象,我们需要为每个生成的元素添加key属性,注意：虽然不添加key属性代码可以运行,但会报错
2026-05-05