最近在采用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文件里进行包含:
配置后问题成功解决!
没红线了!