webpack无法加载或理解CSS文件，但它会与工作的WebPack。为了告诉TypeScript，有些文件的结尾不是* .ts，你必须为相应的文件类型声明一个通配符模块。只需将它放在项目中包含的* .d.ts文件中即可。
declare module '*.css' { const content: any; export default content; }
转载于:https://www.cnblogs.com/unreal-feather/p/10307859.html
原文链接：
http://www.cnblogs.com/unreal-feather/p/10307859.html
:wrapped_gift: typed-s
css
-
模块
生成打字稿定义（ .d.
ts
对于那些写在S
CSS
（
CSS
模块
）文件.s
css
）。 查看有关此软件包背后的原理和灵感的信息。
例如，给出以下S
CSS
：
@import " variables " ;
.text {
color : $blue ;
& -highlighted {
color : $yellow ;
将生成以下类型定义：
export const text : string ;
export const textHighlighted : string ;
安装并作为devDependency运行：
yarn add -D typed-s
css
-modules
yarn
ts
m src
或者，全局安装：
yarn global add typed-s
css
-modules
ts
m src
或者，使用npm：
npm install -D typed-s
css
-modules
./node_modules/.bin/
ts
m src
对于所有可能的命
方式二：其实和方式一的方法类似，就是在src下创建一个创建一个文件夹，名字自定义，然后创建一个 .d.
ts
文件，内容和方式一 一样。注：需要注意的是，如果创建文件夹，需要在你的
ts
config.json文件中声明一下，结构如下：我声明的文件夹名称为：typings 我在使用时出现这个
问题
的原因是因为配置的快捷路径导致的 在vue中使用快捷路径
typescript突然不能识别代码：import styles from ‘./index.module.s
css
’，它显示
Cannot find module './**/**.module.
css
' or i
ts
corresponding type declarations.
解决方案：
1、创建globals.d.
ts
，添加以下代码：
declare module '*.s
css
';
2、打开
ts
config.json ，添加以下代码：
"include": [ "./**/*.
ts
"],
注意：这个错误并不影响代码的正常运行，只是在编写代码时，import xxx from 'xxx'会一直飘红，很影响观感。产生这个
问题
的原因是我们使用了
ts
语法，他只能识别.
ts
文件，并不能识别.vue文件，所以在引入组件的时候
报错
了。在项目的根目录下创建一个xxx.d.
ts
文件，文件名自定义即可，后缀必须是.d.
ts
。今天在开发过程中碰到了导入
模块
时提示无法
找
到
模块
这个
问题
，分享一下我的解决思路。保存代码，并且重启项目，这样令人不悦的红色就会消失啦。在刚刚创建的文件中输入一下代码。
declare module '*.vue' {
import type { DefineComponent } from 'vue'
// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typ...
