Typescript 图像导入错误,即使图像位于正确的位置且配置正确

Typescript image import errors, even though images are in correct location and config is correct

提问人:Juvenstu 提问时间:11/9/2023 更新时间:11/9/2023 访问量:11

问:

我在图像导入时收到 TypeScript 错误,即使图像位于正确的位置并且 TypeScript 配置文件已正确配置。是什么原因造成的?

详:

import bestInMarketBg from 'assets/img/e-commerce/best-in-market-bg.png';
import product from 'assets/img/e-commerce/5.png';

// TypeScript errors:
// Cannot find module 'assets/img/e-commerce/best-in-market-bg.png' or its corresponding type declarations.ts(2307)
// Cannot find module 'assets/img/e-commerce/5.png' or its corresponding type declarations.ts(2307)

TypeScript 配置文件:

{
  "compilerOptions": {
    // ...
    "paths": {
      "assets/*": [
        "./assets/"
      ]
    },
  },
  // ...
}

为进行故障排除而采取的步骤:

  1. 已确保图像位于正确的位置(assets/img/e-commerce/)。
  2. 已确保 TypeScript 可以访问图像(具有正确的权限)。
  3. 已检查 TypeScript 配置文件以确保正确配置了 paths 属性。

附加信息:

  • 我正在使用最新版本的 TypeScript (4.9.5)。
  • 我尝试使用标志编译我的代码,但仍然发生错误。--noEmit
  • 我使用 Visual Studio Code 作为我的 TypeScript IDE。

请帮我解决这个问题。

reactjs 图片 导入 react-typescript

评论


答: 暂无答案