全局ts配置文件 typings.d.ts ，也可能叫 .d.ts 配置

declare module '*.module.scss' {
  const classes: { [key: string]: string };
  export default classes;
declare module '*.module.less' {
  const classes: { [key: string]: string };
  export default classes;
                    在tsx中引入less或者 sass文件会提示模块找不到,但是可以运行，想必很多人都遇到过这个问题？具体提示：处理方案：（1）使用变量接收const cls = require('./index.module.less');（2）配置全局ts文件全局ts配置文件typings.d.ts，也可能叫.d.ts配置declare module '*.module.scss' {  const classes: { [key: string]: string };  export defaul
				
这里涉及到css modules，原因是在 css modules中要想一个类名不被装换，那么可以使用:global(className)来进行包装，这样的类不会被转换，会被原样输出。而事实上我们引入的时候不是用的css modules的方式，所以压根就用不着:global 这种全局作用域的方式。
另外css modules中可以使用composes来引入自身模块中的样式以及另一个模块的样式：
.serif-font {
  font-family: Georgia, serif;
.displ
				
Less知识点整理（一）
1.什么是Less
它不是全新的一门语言，是一款CSS预编译器，仍然使用CSS原有语法进行选择器的编辑，但融入了编程语言的逻辑特征，会生成易于管理、便于维护的CSS代码，也可以理解为是一个CSS框架。
CSS代码量会变少
CSS管理更加方便
学习成本低
使用数值类型与颜色类型的值更为容易
完全兼容CSS3
内置函数特征
@color:orange;
@mywidth:300px;
.circule(){
  border-radius:50%;
.midd
				
在react项目中使用了less来预处理css,但是在项目中却遇到了引用样式不生效的问题，现记录如下：
页面代码：
import React, { Component } from 'react'
import { connect } from 'react-redux'
import  './index.less';
class PriceProtection extends Component {
  render() {
      return (
          <div classN
为了简单起见，请编写文件名为.tsx扩展名的ssml标记。 不要忘记JSX pragma @jsx ssml 。
 将其传递给renderToString呈现为字符串。
 /** @jsx ssml */
import ssml , { rendetToString } from "ssml-tsx" ;
console . log ( renderToString (
  < speak>
Cannot find module ‘./index.module.less’ or its corresponding type declarations
找不到less后缀名的类型
在src目录下创建类型声明文件react-app-env.d.ts，并且声明less类型
declare module '*.module.less' {
    const classes: { readonly [key: string]: string };
    export de
				
搭建 Vite + Vue 3 + Typescript + tsx + less 项目
项目地址: https://github.com/DuXiaoHeng/vue3-tsx
1. 使用vite脚手架 初始化一个 Vue 3 + Typescript 项目
文档： 搭建第一个vue项目
npm init @vitejs/app [项目名] --template vue-ts
2. 配置tsx支持
文档： vue3 jsx 支持
安装 Vue 3 JSX 支持：@vitejs/plugin-v
				
当你的项目中使用`@/assets/yay.jpg`路径引用图片时，提示找不到模块或其相应的类型声明的错误，可能是由于路径配置或类型声明问题引起的。
以下是一些可能的解决方案：
1. 确保你的图片文件`yay.jpg`位于`src/assets`目录下。请检查文件路径是否正确，确保文件存在。
2. 检查你的路径别名配置。在Umi项目中，默认配置了路径别名`@`指向`src`目录。你可以在`.umirc.ts`或`.umirc.js`文件中的`alias`字段中找到路径别名配置。确保别名配置正确，并且与你的文件路径相匹配。
   ```tsx
   export default {
     alias: {
       '@': require('path').resolve(__dirname, 'src'),
   确保在别名路径中使用了正确的文件夹名称，例如`src/assets`。
3. 检查你的类型声明。如果你在使用TypeScript，并且在引用图片时出现了类型声明错误，你需要确保为图片文件添加正确的类型声明。可以在`src/types`目录下创建一个名为`index.d.ts`的文件，并添加以下代码：
   ```tsx
   declare module '*.jpg' {
     const value: any;
     export default value;
   这将为`.jpg`文件提供一个默认的导出类型。
请确保按照上述步骤进行操作，并检查是否解决了问题。如果问题仍然存在，还请提供更多关于你的项目结构、代码和错误消息的详细信息，以便我能够更好地帮助你解决问题。