typescript项目中import 图片时报错：TS2307: Cannot find module ‘...’

作者：System 时间：2024年08月15日分类：所有,typescript 字数：681

这篇文章距离上次修改已过191天，其中的内容可能已经有所变动。

解释：

这个错误表示TypeScript编译器无法在项目中找到指定的模块。在这种情况下，模块被理解为图片资源，因为你尝试通过import语句导入图片。

TypeScript默认只支持导入.ts、.tsx、.js、.jsx等类型的文件。如果你尝试导入其他类型的文件，比如图片、CSS、JSON等，编译器会报错。

解决方法：

确保图片文件在项目中确实存在于你尝试导入的路径。
如果你使用的是Webpack或其他模块打包器，确保配置了相应的loader来处理图片文件。例如，对于Webpack，你可能需要安装并配置file-loader或url-loader来处理图片文件。
在TypeScript配置文件tsconfig.json中，使用include或files属性明确指定图片文件的路径。
如果你不需要在TypeScript文件中直接导入图片，而只是在HTML或其他地方使用图片，你可以通过在tsconfig.json中设置compilerOptions下的types选项来忽略对图片文件的检查。例如，设置"types": ["node"]将Node.js的全局类型添加到项目中，这样就不会对图片文件进行类型检查。

示例配置：




{
  "compilerOptions": {
    "types": ["node"] // 忽略对图片文件的类型检查
  }
}

请根据你的项目具体情况选择适当的解决方法。