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内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
- react 报错Module build failed: BrowserslistError: Unknown browser query `dead`问题的解决方法
- 在 React Native 中使用 CSS Modules的配置方法
- 关于React Native报Cannot initialize a parameter of type''NSArray<id<RCTBridgeModule>>错误(解决方案)
- 在Create React App中使用CSS Modules的方法示例
- 在create-react-app中使用css modules的示例代码
- 详解使用create-react-app添加css modules、sasss和antd
- react使用css module无法重写bootstrap样式问题及解决
相关文章
React Js 微信禁止复制链接分享禁止隐藏右上角菜单功能
这篇文章主要介绍了React Js 微信禁止复制链接,分享,禁止隐藏右上角菜单的解决代码,需要的朋友可以参考下2017-05-05
Reactjs + Nodejs + Mongodb 实现文件上传功能实例详解
今天是使用 Reactjs + Nodejs + Mongodb 实现文件上传功能,前端我们使用 Reactjs + Axios 来搭建前端上传文件应用,后端我们使用 Node.js + Express + Multer + Mongodb 来搭建后端上传文件处理应用,本文通过实例代码给大家介绍的非常详细,需要的朋友参考下吧2022-06-06


最新评论