解决Cannot find module ‘./index.module.scss’ or its corresponding type declarations.ts(2307)
嗯,这个错误产生于构建react+typescript+scss。起初百度了好多,但是。。。。不出意料,没有解决。
typescript的环境搭建可参考

链接: 取名真的好难–csdn博客
反正我感觉写的简单清晰,排版舒服。

配置好之后,问题来了

import styles from "./index.module.scss";

它报错了,竟然报错了。。。额,震惊!!!
如果不是模块引用,即

import "./index.module.scss";

不会产生错误信息,可正常运行。
因为styles本身就不在scss里面,所以会报错。找了一些帖子吧,大概说的就是ts不是Node环境的,要修改一下ts.config.json这个文件。

于是,海找秃头,翻到了希望。
解决这个问题的三个方法。

链接: YDJFE–掘金
哈哈哈,感觉老哥写的很好,棒棒哒。

接下来,我觉得我的还是适合import,so我选择了第三种,惊不惊喜。

我的tsconfig.json

{"compilerOptions": {"target": "es6","module": "es2015","lib": ["dom","dom.iterable","esnext"],"allowJs": true,"skipLibCheck": true,"esModuleInterop": true,"allowSyntheticDefaultImports": true,"strict": true,"forceConsistentCasingInFileNames": true,"moduleResolution": "node",//node环境"resolveJsonModule": true,"isolatedModules": true,"noEmit": true,"jsx": "preserve","baseUrl": "src","paths": {"@/*": ["./*"]},"experimentalDecorators": true},"include": ["src","typed-css.d.ts"//配置的.d.ts文件]
}

我的typed-css.d.ts

declare module '*.module.css' {const classes: { readonly [key: string]: string }export default classes
}declare module '*.module.sass' {const classes: { readonly [key: string]: string }export default classes
}declare module '*.module.scss' {const classes: { readonly [key: string]: string }export default classes
}

问题解决。
end…

解决Cannot find module ‘./index.module.scss‘ or its corresponding type declarations.ts(2307)相关推荐

  1. Cannot find module ‘../views/HomeView.vue‘ or its corresponding type declarations.ts

    problem Cannot find module '-/views/HomeView.vue' or its corresponding type declarations.ts 版本:vue3 ...

  2. Cannot find module ‘axios;‘ or its corresponding type declarations.ts(2307)

    问题描述 我在ts文件中导入刚才安装好的axios,报错了,报错信息如下: 解决方法 按下键盘ctrl+shift+p,在弹出的窗口输入 typescript 选择Select TypeScript ...

  3. 【VSCode - Vetur 插件报错】Cannot find module ‘XXX‘ or its corresponding type declarations.Vetur(2307)

    Cannot find module '@/utils/request' or its corresponding type declarations.Vetur... 原因分析 解决方案 原因分析 ...

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

    typescript突然不能识别代码:import styles from './index.module.scss',它显示 Cannot find module './**/**.module.c ...

  5. pyhton 安装pip 以及 numpy (解决python:ModuleNotFoundError:No module named numpy 等类似缺包问题

    https://blog.csdn.net/phs999/article/details/79218869 pyhton 安装pip 以及 numpy (解决python:ModuleNotFound ...

  6. 关于运行robot framework 报错解决方法,ModuleNotFoundError: No module named ‘robot‘

    关于运行robot framework 报错解决方法,ModuleNotFoundError: No module named 'robot' 参考文章: (1)关于运行robot framework ...

  7. 成功解决Exception “unhandled ModuleNotFoundError“No module named ‘sklearn.neighbors.classification‘

    成功解决Exception "unhandled ModuleNotFoundError" No module named 'sklearn.neighbors.classific ...

  8. 成功解决Exception “unhandled ModuleNotFoundError“No module named ‘face_recognition.cli‘

    成功解决Exception "unhandled ModuleNotFoundError"No module named 'face_recognition.cli' 目录 解决问 ...

  9. 已解决 问题ModuleNotFoundError: No module named ‘tensorflow.examples.tutorials‘

    已解决 问题ModuleNotFoundError: No module named 'tensorflow.examples.tutorials' 我是一名新手 想学习一下CNN 在网上找了一些py ...

  10. (转)coures包下载和安装 可解决报错ImportError: No module named '_curses'

    原创文章,转载请注明出处. coures curses 库 ( ncurses )提供了控制字符屏幕的独立于终端的方法.curses 是大多数类似于 UNIX 的系统(包括Linux)的标准部分,而且 ...

最新文章

  1. 基于Proxy的小程序状态管理
  2. 软件隐喻的本质与模式
  3. urlScan 配置阻止sql注入
  4. 从一道easy级leetcode题目到分治法的思想
  5. 1的恢复出厂设置在哪里_无线路由器怎么恢复出厂设置
  6. 【算法知识】详解堆排序算法
  7. Java获取当前时间,并转化为String类型
  8. python本地库_Python学习第71课-本地建立repository仓库
  9. weightedrandomSamplers(1)
  10. 母函数 经典题目汇总
  11. CRMEB首届UI设计大赛报名啦!
  12. brew安装软件时报错
  13. 谈腾讯地图web api如何实现类似百度地图内置的城市切换、关键字输入提示功能
  14. 对比无源蜂鸣器和有源蜂鸣器
  15. mac安装微软服务器系统,mac air安装windows10图文教程
  16. 工业机器人演示码垛和卸垛_机器人在码垛卸垛行业的应用
  17. python import 类如何捕获clrt c_PEP8 python规范神器
  18. html防止恶意广告,如何拦截恶意网页和弹窗广告?解决方法
  19. web自动化测试01
  20. QGIS教程-4:添加精美底图的三种方法

热门文章

  1. 在线二进制转文本字符工具
  2. JAVA文件上传大小限制问题
  3. chapter 1 JS简介,核心语法,变量
  4. 天猫精灵开发技能【2】
  5. 西门子PLC编程软件step7 v5.5 和仿真软件S7-Plcsim安装与授权
  6. printf输出格式
  7. TF-IDF算法(原理+python代码实现)
  8. 苹果商店打不开怎么办_苹果手机下载迅雷方法,iOS迅雷安装,怎么安装苹果版迅雷...
  9. AI率先引领手机“视”界革命——旷视联合IDC最新出炉AI+手机行业白皮书!
  10. 如何实现一个基于HTML5的实时视频直播