JSX 如何正确返回图像？Üebersicht widget

Question

我想返回一个图像作为小部件。

我把我的照片.png放在myFile.jsx旁边的文件夹图像中。

我总是有同样的错误：

无法遍历依赖关系图：找不到模块"./images/photo.png"表单/Users/macbookpro/Library/Application Support/Übersicht/widgets/my file/myFile.jsx 需要/Users/macbookpro/Library/Application Support/Übersicht/widgets/my file/myFile.jsx

我还尝试过：将照片移动到我的桌面，使用require，使用import .. from ..。

这是代码：

import { css } from "uebersicht";
// import photo from "./images/photo.jpg";
// import photo from "./Users/macbookpro/Desktop/photo.png";
export const render = () => {
return (
<div>
<img src="./images/photo.png" />
{/* <img src="./Users/macbookpro/Desktop/photo.png" /> */}
{/* <img src={require("./images/photo.png")} /> */}
{/* <img src={require("./Users/macbookpro/Desktop/photo.png")} /> */}
</div>
);
};

Answer 1

由于myFile.jsx实际上是uebersicht的组件，因此您必须在src中包含您的小部件文件夹名称。

例如，如果你的照片.png在example.widget/images文件夹中，你应该是：