记录一个错误: Cannot find module ‘./index.module.less‘ or its corresponding type declarations. TS2307

最新推荐文章于 2024-05-29 14:20:23 发布
最新推荐文章于 2024-05-29 14:20:23 发布
阅读量1.1w 收藏
点赞数 3
分类专栏： typescript 文章标签： typescript react
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38160125/article/details/117969909
版权

起初以为是craco的less配置错误了，后来一看错误是ts的，因为我是create-react-app + typescript + craco，不过这个错误只和typescript有关系，ts不认识less文件。

解决办法，全局声明文件react-app-env.d.ts添加

/// <reference types="react-scripts" />
declare module "*.less" {
  const content: { [className: string]: string };
  export default content;
}

关于react-app-env.d.ts：react-app-env.d.ts的作用以及如何生成的？

多说两句，像webpack、craco的less-loader是为了把less文件转为css文件好编译，这种把文件当成模块引入的一般是ts的活

会写代码的年轻人
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
vue3 setup + ts + vite 项目问题解决：Cannot find module ... or its corresponding type declarations.（ts2307）
m0_67393593的博客
03-06 1841
昨日我尝试使用vue3 setup + ts + vite进行vue3项目的实现，遇到此问题： Cannot find module … or its corresponding type declarations.（ts2307） 文件报错类型以及ts官方错误说明： 这里以别名"@"为例子： // .vue文件 <script setup lang="ts"> import LoginApi from '@/apis/loginApi'; // (ts2307) import { getDat
PCI_Express_M.2_Specification_Rev1.1_TS_12092016_CB
10-16
This specification defines a family of M.2 modules Adapters and the corresponding system 108 interconnects based on a 75 position edge card connection scheme or a derivation of the card edge 109 and a...
Cannot find module ‘./index.less‘ or its corresponding type declarations
hzxOnlineOk的博客
02-03 838
保存后，VSCODE编译器自动解析，OK，不再下滑红线警告了。文件，在includes里添加刚刚创建的。然后，在根目录中找到。
react+umi+ts解决：找不到模块“./index.less”或其相应的类型声明。ts(2307)
最新发布
weixin_47454566的博客
05-29 126
react+umi+ts解决：找不到模块“./index.less”或其相应的类型声明。ts(2307)
记录一个错误 Cannot find module ‘.index.module.less‘ or its corresponding type declarations. TS2307
web15285868498的博客
02-23 2431
起初以为是craco的less配置错误了，后来一看错误是ts的，因为我是create-react-app + typescript + craco，不过这个错误只和typescript有关系，ts不认识less文件。 解决办法，全局声明文件react-app-env.d.ts添加 /// <reference types="react-scripts" /> declare module "*.less" { const content: { [className: string]: str
找不到模块“./index.module.less”或其相应的类型声明
ln01__的博客
08-12 6596
React项目引入index.module.less出现问题 解决方式: declare module '*.module.less' { const classes: { readonly [key: string]: string }; export default classes; } declare module '*.less'
addfun.rar_Do You_Naked chatting tool_dll MFC_site:www.pudn.com_
09-21
will need to copy the corresponding localized resources MFC42XXX.DLL from the Microsoft Visual C++ CD-ROM onto the system or system32 directory, and rename it to be MFCLOC.DLL. ("XXX" stands for the ...
QPSK.zip_GPS SNR_LPD_QPSK/DSSS_friend or foe_multipath gps
09-21
used in these years for its advantage of wide spectrum, low working Signal-to-Noise ratio (SNR), anti-interference, anti-multipath effect and capability of LPI and LPD. They are increasingly replacing...
admintools-1.12.1-pl.transport.zip_AdminTools_On Revolution_modx
09-23
All these features can be switched Off/On by the corresponding system setting. Some features are disabled by default. A basic Extra for MODx Revolution Administrators. It adds some features:
zrp.zip_trace_zrp_zrp tcl_zrp-ns2_zrp.zip
09-20
Parameters used for traffic generation Do not use more than 25 nodes. Else modify the awk script file analyzing the trace file,...so that it can convert higher hex values to corresponding decimal values.
typed-scss-modules：using使用SCSS为CSS模块生成类型定义（.d.ts）
01-29
:wrapped_gift: typed-scss-模块 生成打字稿定义（ .d.ts对于那些写在SCSS（CSS模块）文件.scss ）。 查看有关此软件包背后的原理和灵感的信息。 例如，给出以下SCSS： @import " variables " ; .text { color : $blue ; & -highlighted { color : $yellow ; } } 将生成以下类型定义： export const text : string ; export const textHighlighted : string ; 基本用法 安装并作为devDependency运行： yarn add -D typed-scss-modules yarn tsm src 或者，全局安装： yarn global add typed-scss-modules tsm src 或者，使用npm： npm install -D typed-scss-modules ./node_modules/.bin/tsm src 高级用法 对于所有可能的命
gatsby-plugin-dts-css-modules:GatsbyJS插件，无论您使用哪个CSS预处理程序（Sass，LESS，Stylus等），它都会为您CSS模块自动创建TypeScript * .d.ts文件。
03-16
gatsby-plugin-dts-css-modules V2 / V3插件，无论您使用哪个CSS预处理器（Sass，LESS，Stylus等），它都会为您CSS模块自动创建TypeScript *.d.ts文件。 如果您想了解有关CSS模块的更多信息，我建议发表文章 。 该插件利用了Webpack加载器 ，该不会对样式的内容进行任何更改，仅在工作期间创建*.d.ts文件。 安装 npm install gatsby-plugin-dts-css-modules --save-dev 然后，将该插件添加到您的gatsby-config.js … module . exports = { // ... plugins : [ // ... 'gatsby-plugin-dts-css-modules' , // ... ] , // ..
create-react-app ts 模块化使用less报错：Cannot find module ‘./index.less‘. TS2307
qq_40088255的博客
07-29 3281
问题：react项目使用ts 模块化引入.less文件 解决：找到项目文件夹中的react-app-env.d.ts文件，加入对.less文件的声明 declare module '*.less'
typescript环境，报错：找不到模块“*.less”静态资源
daihaoxin的专栏
01-07 4296
Cannot find module ‘xx/index.less or its corresponding type declarations’
解决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";
Nextj TS2307: Cannot find module ‘@/styles/Home.module.less‘ or its corresponding type declarations
qq_50909707的博客
01-31 628
前端框架 react Nextj TS2307: Cannot find module '@/styles/Home.module.less' or its corresponding type declarations 问题解决
【React】找不到模块“./index.module.scss”或其相应的类型声明
DomCode
02-23 6701
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"],
TS2307: Cannot find module './index.less' or its corresponding type declarations. webpack
07-27
这个错误提示表明在webpack构建过程中，无法找到名为'./index.less'的模块或其对应的类型声明文件。这通常是由于以下几种原因引起的： 1. 缺少必要的依赖项：请确保你的项目中已经安装了用于处理less文件的依赖项，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值