TypeScript 2：导入语句生成 TS2532：“对象可能是‘未定义’。”

Question

我有一个 TypeScript 2 文件，我试图在其中使用这样的图像：

import image = require("../assets/images/image.jpg");

但是，这会抛出

[at-loader] ./src/components/app.tsx:3:30 
    TS2532: Object is possibly 'undefined'.

在不存在未定义风险的情况下使用资产的推荐方法是什么？请注意，我不想抑制警告。

Answer 1

import image = require("../assets/images/image.jpg");

您不能import 像这样的图像文件。

您可能想要将src 设置为图像标签来执行img。

更多

确实有一些方法可以通过 webpack 捆绑导入图像文件，例如使用原始文件加载器，但我怀疑这就是你在这里所做的。