TypeScript找不到less模块。

Question

我使用react和webpack构建Web SPA，但是TypeScript无法解析less文件。

工作文件像这样⬆️

- pssgo

---

请分享一些您的代码，以便我们能够提供帮助。 - Brett DeWoody

请提供更多上下文信息（目录结构和文件名等）。 - Sumner Evans

请不要发布代码、错误信息或其他文本数据的图像。 - Filip Seman

如何将scss文件导入到typescript文件中 - Sumit Ramteke

Answer 1

创建一个新的声明文件 (externals.d.ts)，其中包含declare module '*.less'。

编辑 如果您正在使用css-modules，您可以定义这些类型以匹配返回值：

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

将该文件添加到您的tsconfig.json文件的includes数组中。

// tsconfig.json
{
   compilerOptions: {...}
   includes: [
      './path/to/the/new/file/externals.d.ts'
   ]
}

- felixmosh

---

为了解决这个问题，我花费了几个小时的时间。谢谢你的帮助！ - ankhzet

Answer 2

将代码添加到 src/react-app-env.d.ts 或 declaration.d.ts 文件中。

declare module '*.less';

或者如果您使用css-modules

declare module '*.module.less' {
  const classes: { [className: string]: string };
  export default classes;
}

- Igor Sukharev