导入的图像没有SRC属性，而所需的图像则具有怪异的名称

Question

跟随a previous question，我发现了一些东西。我正在使用以下两个引用（指向同一文件）。

var Image1 = require("../assets/author.png");
import Image2 from "../assets/author.png";

在 render（）方法中，我尝试以两种方式创建标记。

<img style={imgStyle} src={Image1} />
<img style={imgStyle} src={Image2} />

与我的期望相反，它们呈现的方式不同。

<img style="margin: 15px;" src="1e0cf4ef57ac9ab0521646ee9c657eae.png">
<img style="margin: 15px;">

我不确定该怎么做。

1. 文件名已转换为什么引导？我可以控制吗？我应该篡改吗？

2. 标记中的 src 部分会发生什么？它能像那样简单地消失吗？我该怎么办？

我添加了一个具有TypeScript定义的文件，如下所示，以使软件理解它是有效的模块类型。不过，不能完全确定它是否真正实现了这一目标。

declare module "*.png" {
  const value: any;
  export default value;
}