Html 烧瓶显示图像

Html 烧瓶显示图像,html,flask,tailwind-css,bootstrap-5,Html,Flask,Tailwind Css,Bootstrap 5,嘿,伙计们,我在HTML文件中显示图像时遇到了问题。我正在visual studio代码中使用flask。这就是我想展示的内容: 当我使用python app.py(运行localhost)时,图像不会显示出来。我在网上找到的每一样东西都试过了,但都没用。但是当我打开带有实时服务器图像的HTML文件时。。。我认为这绝对正常。另外,当我运行troughtpython app.py并查看inspector时,会显示一条错误消息:加载资源失败:服务器响应状态为404(未找到)。也不应该是个问题,因

嘿,伙计们,我在HTML文件中显示图像时遇到了问题。我正在visual studio代码中使用flask。这就是我想展示的内容:



当我使用
python app.py
(运行localhost)时,图像不会显示出来。我在网上找到的每一样东西都试过了,但都没用。但是当我打开带有实时服务器图像的HTML文件时。。。我认为这绝对正常。另外,当我运行trought
python app.py
并查看inspector时,会显示一条错误消息:加载资源失败:服务器响应状态为404(未找到)。也不应该是个问题,因为我已经安装了bootstrap,昨天我也在这个项目中安装了teilwind。这应该没问题吧?这也是我的VisualStudio代码的打印屏幕。几乎没有可能与顺风有关的错误

所以我解决了它。它没有显示图像的原因是安装了顺风。Tailwind需要在名为src或style的文件夹中包含style.css。从15:00开始,我一直在关注这个教程(也许你不会理解它)。我所做的是在我放置style.css的地方创建src文件。我很时髦

@tailwind base;
@tailwind components;
@tailwind utilities;
比我做的静态文件夹。在一个教程中,guy than在package.json中创建了一个名为build css的函数,他正在调用该函数,并将另一个style.css发送到带有模板的文件夹,但我确实将其发送到了静态文件夹。示例“build css”:
“tailwindcss build src/style.css-o static/style.css”
。现在每件事都很完美