解决typescript项目报错：找不到模块“xxx”或其相应的类型声明

绝地灬酷狼 2024-02-22 03:51 20阅读 0赞

现象：

![9f39bd89465c44ef9170f34b49bc4f4d.png][]

解决办法：在项目根目录下新建后缀为**.d.ts文件，然后通过**declare module 将相应的资源类型放进去即可

比如上面的例子：

新建一个typing.d.ts文件，然后声明一行：

> declare module "@/redux/\*";

报错就消失了：

![bc7c854e0e204273928d0cbe9508a28f.png][]

**特殊情况：对于css module的类型声明：此时光有declare module "\*.module.scss"声明是不够的**

![30dcffc96bb04ef786649564b12fb8c6.png][]

**还需要安装"@types/css-modules"依赖和修改tsconfig.ts文件：**

> yarn add -D "@types/css-modules"

**在tsconfig.ts文件的"compilerOptions"项下增加配置： "moduleResolution": "node",**

> \{ "compilerOptions": \{ "moduleResolution": "node", ... \} \}

![7126823295ef46a1b143e6d53ba8001d.png][]

![0cb2074765454a2688266cb35b417f2e.png][]

[9f39bd89465c44ef9170f34b49bc4f4d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/22/4fd2a500f3b841ccab3e2c18ee2b85f0.png
[bc7c854e0e204273928d0cbe9508a28f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/22/a9c88a8ea14c47e48867623a88778a99.png
[30dcffc96bb04ef786649564b12fb8c6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/22/e9f3e4f92f4646ae98cc2ebba211d323.png
[7126823295ef46a1b143e6d53ba8001d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/22/98dd887d8d4e40ac8fee1260718c6f65.png
[0cb2074765454a2688266cb35b417f2e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/22/e2f52f2aa09f484689960fa90bec6392.png