Flask 应用程序中无法识别 CSS 文件:文件结构故障排除
尝试在 Flask 中使用外部 CSS 文件设置模板样式时,确保您的文件结构正确至关重要。如果您的样式不适用,请考虑以下事项:
文件结构:
/app - app_runner.py /services - app.py /templates - mainpage.html /styles - mainpage.css
HTML标记:
<link rel="stylesheet" type="text/css" href="../styles/mainpage.css"> <!-- content -->
问题:
你的 CSS 文件位于“static”文件夹之外,Flask 使用该文件夹来提供 CSS 等静态文件和JavaScript.
解决方案:
要解决此问题,请将 CSS 文件移至“static”文件夹下,并相应地更新 HTML 文件:
/app - app_runner.py /services - app.py /templates - mainpage.html /static /styles - mainpage.css
<link rel="stylesheet" type="text/css" href="%7B%7B%20url_for('static',%20filename='styles/mainpage.css')%20%7D%7D">
说明:
烧瓶查找“static”文件夹下的静态文件,允许您提供 CSS 文件而无需显式管理其文件路径。通过使用这种方法,您的应用程序现在将正确应用外部“mainpage.css”文件中定义的样式。
以上是为什么我的 Flask 应用程序无法识别我的外部 CSS 文件?的详细内容。更多信息请关注PHP中文网其他相关文章!

Goofonts是由开发人员和设计师丈夫签名的附带项目,它们都是版式的忠实拥护者。我们一直在标记Google

学习如何构建GraphQL API可能具有挑战性。但是您可以学习如何在10分钟内使用GraphQL API!碰巧的是,我得到了完美的

这里是Yuanchuan的一些合法CSS骗局。有此CSS属性偏移路径。曾几何时,它被称为Motion-Path,然后被更名。我


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

适用于 Eclipse 的 SAP NetWeaver 服务器适配器
将Eclipse与SAP NetWeaver应用服务器集成。

PhpStorm Mac 版本
最新(2018.2.1 )专业的PHP集成开发工具

安全考试浏览器
Safe Exam Browser是一个安全的浏览器环境,用于安全地进行在线考试。该软件将任何计算机变成一个安全的工作站。它控制对任何实用工具的访问,并防止学生使用未经授权的资源。

Dreamweaver Mac版
视觉化网页开发工具

MinGW - 适用于 Windows 的极简 GNU
这个项目正在迁移到osdn.net/projects/mingw的过程中,你可以继续在那里关注我们。MinGW:GNU编译器集合(GCC)的本地Windows移植版本,可自由分发的导入库和用于构建本地Windows应用程序的头文件;包括对MSVC运行时的扩展,以支持C99功能。MinGW的所有软件都可以在64位Windows平台上运行。