烧瓶显示图像[重复]

Question

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

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

当我使用python app.py（运行本地主机）时，图像不会显示出来。我尝试了我在互联网上找到的所有东西，但没有任何效果。但是，当我打开带有实时服务器图像的 HTML 文件时……我认为它完全正常。此外，当我运行它时，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"。现在一切正常。