快捷導(dǎo)航

React找不到模塊“./index.module.scss”或其相應(yīng)的類型聲明及解決方法

更新時(shí)間：2023年09月05日 09:34:29 作者：DomCode

這篇文章主要介紹了React找不到模塊“./index.module.scss”或其相應(yīng)的類型聲明及解決方法,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下

React找不到模塊“./index.module.scss”或其相應(yīng)的類型聲明

typescript突然不能識(shí)別代碼：import styles from ‘./index.module.scss’，它顯示

Cannot find module './**/**.module.css' or its corresponding type declarations.

解決方案：

1、創(chuàng)建 globals.d.ts ，添加以下代碼：

declare module '*.scss';

2、打開(kāi) tsconfig.json ，添加以下代碼：

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

3、重啟 npm start 即可

vue3+ts找不到模塊“@/style/xxx.scss”或其相應(yīng)的類型聲明

問(wèn)題：在vue項(xiàng)目里引用.scss文件，vscode編輯器會(huì)有紅色波浪線，提示找不到模塊：

解決：找到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;
}

到此這篇關(guān)于React找不到模塊“./index.module.scss”或其相應(yīng)的類型聲明的文章就介紹到這了,更多相關(guān)React找不到模塊 ./index.module.scss內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

React19 新增Hooks中useOptimistic的使用
useOptimistic是React提供的一個(gè)Hooks,用于實(shí)現(xiàn)樂(lè)觀更新UI的效果,適用于評(píng)論發(fā)送等需要即時(shí)反饋的場(chǎng)景,下面就來(lái)詳細(xì)的介紹一下
2026-05-05
react組件傳值的四種方法
本文主要介紹了react組件傳值的四種方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2023-04-04
React組件實(shí)例三大核心屬性State props Refs詳解
組件實(shí)例的三大核心屬性是：State、Props、Refs。類組件中這三大屬性都存在。函數(shù)式組件中訪問(wèn)不到 this，也就不存在組件實(shí)例這種說(shuō)法，但由于它的特殊性（函數(shù)可以接收參數(shù)），所以存在Props這種屬性
2022-12-12
React腳手架config-overrides.js文件的配置方式
這篇文章主要介紹了React腳手架config-overrides.js文件的配置方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
2023-10-10
React.js前端導(dǎo)出Excel的方式
這篇文章主要為大家介紹了React.js前端導(dǎo)出Excel的方式詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-07-07
react實(shí)現(xiàn)頁(yè)面水印效果的全過(guò)程
大家常常關(guān)注的是網(wǎng)站圖片增加水印,而很少關(guān)注頁(yè)面水印,其實(shí)這個(gè)需求也是比較常見(jiàn)的,比如公文系統(tǒng)、合同系統(tǒng)等,這篇文章主要給大家介紹了關(guān)于react實(shí)現(xiàn)頁(yè)面水印效果的相關(guān)資料,需要的朋友可以參考下
2021-09-09
react封裝全局彈框的方法
這篇文章主要為大家詳細(xì)介紹了react封裝全局彈框的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-10-10
Vue?3開(kāi)發(fā)者轉(zhuǎn)型React保姆級(jí)教程(含實(shí)際項(xiàng)目案例)
從Vue轉(zhuǎn)到React并不難,兩者作為主流前端框架,核心思想(組件化、聲明式編程)一致,但在語(yǔ)法、API設(shè)計(jì)和最佳實(shí)踐上存在差,這篇文章主要介紹了Vue3開(kāi)發(fā)者轉(zhuǎn)型React保姆級(jí)教程的相關(guān)資料,需要的朋友可以參考下
2026-05-05
React項(xiàng)目中服務(wù)器端渲染SSR的實(shí)現(xiàn)與優(yōu)化詳解
在傳統(tǒng)的 React 項(xiàng)目里,頁(yè)面的渲染工作是在瀏覽器里完成的,而服務(wù)器端渲染（SSR）則是讓服務(wù)器先把 React 組件渲染成 HTML 字符串,再把這個(gè) HTML 字符串發(fā)送給瀏覽器,下面我們就來(lái)看看具體實(shí)現(xiàn)方法吧
2025-03-03
react數(shù)組循環(huán)渲染過(guò)程
在React中,我們使用map方法對(duì)數(shù)組進(jìn)行循環(huán)渲染,并生成對(duì)應(yīng)的jsx結(jié)構(gòu),為了確保React的diff算法可以正確地處理dom對(duì)象,我們需要為每個(gè)生成的元素添加key屬性,注意：雖然不添加key屬性代碼可以運(yùn)行,但會(huì)報(bào)錯(cuò)
2026-05-05