Nextj TS2307: Cannot find module ‘@/styles/Home.module.less‘ or its corresponding type declarations

最近在采用Nextjs框架进行前端开发，引入less等其他文件时，TS提示文件模型未声明，于是查看

next-env.d.ts的官网文档链接：Basic Features: TypeScript | Next.js

发现如下解决方案：

 可以看到官网介绍说，next-env.d.ts文件不能直接进行编辑声明的，即使编辑了，启动时该文件也会被转为默认格式。按照官网的解决方案，我们需要额外新建一个*.d.ts文件，在新建的文件里进行声明：

//less的声明
declare module "*.less" {
    const content: { [className: string]: string };
    export default content;
}

 

 再找到配置好additional.d.ts文件后，需要在tsconfig.json文件里进行包含：

 配置后问题成功解决！

 没红线了！