烧瓶显示图像

Question

大家好，我在 HTML 文件中显示图像时遇到问题。我在 Visual Studio 代码中使用烧瓶。这就是我想要显示的内容：

<img src="/templates/WANG_CHONG_st_1.png" width="150" >

当我使用 python app.py（运行本地主机）时，图像本身不显示。我尝试了在互联网上找到的所有内容，但没有任何效果。但是当我打开带有实时服务器图像的 HTML 文件时...我认为这完全正常。此外，当我运行它 trought python app.py 并查看检​​查器时，会出现错误消息：无法加载资源：服务器响应状态为 404（未找到）。也不应该是一个问题，因为我已经安装了引导程序，昨天我也安装到了这个项目 teilwind 中。应该不会有这个问题吧？这也是我的视觉工作室代码的打印屏幕。很少有错误可能与顺风有关。 image of vs. code

Answer 1

所以我解决了它。不显示图像的原因是安装了顺风。 Tailwind 需要在名为 src 或 style 的文件夹中有 style.css。我从 15:00 开始关注本教程 https://www.youtube.com/watch?v=5mgrioodze8&t=1215s&ab_channel=ROBWEBsyablkom（也许你不会理解）是安装。我所做的是在放置style.css 的地方创建了src 文件。我穿上了风格

@tailwind base;
@tailwind components;
@tailwind utilities;

我做了静态文件夹。教程中的家伙比在 package.json 中制作他的函数称为 build-css ，他正在调用它并将另一个 style.css 发送到带有模板的文件夹，但我确实将它发送到了静态文件夹。示例“build-css”："tailwindcss build src/style.css -o static/style.css"。现在一切正常。