Cannot find module ‘./index.less‘ or its corresponding type declarations

现象

原因分析

这个错误只和typescript有关系，是由于ts默认情况下不认识less文件。

解决办法

步骤一

在根目录下创建externals.d.ts文件，并填写入以下内容：

declare module '*.less' {
  const resource: {[key: string]: string};
  export = resource;
}

步骤二

然后，在根目录中找到tsconfig.json文件，在includes里添加刚刚创建的externals.d.ts文件的路径：

// tsconfig.json
{
   compilerOptions: {...}
   includes: [
      './externals.d.ts'
   ]
}

保存后，VSCODE编译器自动解析，OK，不再下滑红线警告了