【问题标题】:CSS not being applied in Flask appCSS 未在 Flask 应用程序中应用
【发布时间】:2020-08-26 09:56:52
【问题描述】:

我正在使用烧瓶和 Jinja 模板。除了从外部主机下载的引导程序之外,我的所有 CSS 都没有被应用。

这是我自己的样式表的基本模板中的一行:

<link rel=”stylesheet” type=”text/css” href="{{ url_for('static', filename='style/stylesheet.css') }}">

然后当我在 chrome 中打开页面时,我可以点击链接,并成功打开文件。但是,当我查看框架时,我在样式表部分下看不到我的样式表:

这是来自服务器的请求:GET /static/style/stylesheet.css HTTP/1.1" 200 -

看起来它没有被识别为 css 文件?我不擅长网络东西,所以希望这很简单。

【问题讨论】:

  • 最终的 HTML 是什么样的?它是否包含(预期的)正确的 CSS 路径?
  • 是的,当我在 chrome 中查看源代码并点击链接时,它会正确加载。
  • 这听起来不太可能?如果 CSS 是可访问的,那么它可以单独加载,也可以在 HTML 页面本身上加载。您确定 CSS 的路径是否完整(即开头为 /,带有静态等)?或者,您能否查看 Chrome 的网络调试器以查看它如何返回文件(作为文本/css 或其他内容)?
  • 我以前也遇到过这种问题。尝试重新启动计算机。它对我有用。
  • 尝试重新启动,不幸的是没有运气。

标签: python css flask


【解决方案1】:

我不知道这里发生了什么。这个问题已经持续了几天。

为了修复它,我只是复制了加载 CSS 的行,保存了我的项目,将其粘贴回去,然后运行服务器。大混乱。

【讨论】:

  • 这快把我逼疯了。我遇到了同样的事情,但没有任何效果,包括复制粘贴。知道有什么问题吗?这似乎是一个简单的问题:-/
  • 原来它是来自 bootstrap 站点的错误 CCS。奇数。
【解决方案2】:

对于其他对此仍有疑问的人,我发现 this 表明 CSS 没有“硬刷新”。

我通过按住 ⌘ Cmd+⇧ Shift 并按 R 在我的 Mac 上的 Chrome 中解决了这个问题。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2014-04-11
    • 2021-12-22
    • 2012-11-26
    • 2018-02-01
    • 1970-01-01
    • 2012-01-15
    • 1970-01-01
    相关资源
    最近更新 更多