Flask style.css 未从 static/css/style.css 加载

Question

这是我的 python/flask 应用程序的目录结构。

application
templates/
static/css/style.css
static/js/appjs.js

在我的“头脑”中，我添加了这个。

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

JS文件工作正常但style.css不起作用。但是 style.css 可以通过 url 访问，也可以在页面源视图中使用

http://localhost:5000/static/css/style.css

Answer 1

有同样的错误，并在我阅读了你的帖子后以一种非常有趣的方式解决了它。我启动了我的应用程序并通过在浏览器中右键单击我的 Flask 网站开始研究。几秒钟后，莫名其妙地，CSS 启动了。（缓存？！？！）

我希望这有帮助

Answer 2

清除浏览器缓存可立即解决此问题

在谷歌浏览器上：

1. 转到右上角的三个点
2. 前往设置
3. 点击“隐私和安全”
4. 点击“清除浏览历史”
5. 选中标记为“缓存的图像和文件”的复选框，然后取消选中“浏览历史记录”和“Cookie 和其他站点数据”
6. 重新加载您的页面（确保您的服务器正在运行）
7. 你的 CSS 现在应该可以正常显示了

在其他浏览器上执行类似的步骤也应该可以解决这个问题。

但是，对于您在 CSS 文件中进行的每一次新更改，您都必须重复这些相同的步骤来清除浏览器缓存

Answer 3

HTML 并不完全是 XML，有时事情也没有那么整齐。您正在使用自动关闭标签 - 不要使用。尝试删除终止/：

\n\n

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

\n\n

许多浏览器都相当宽容，可以解析<link \xe2\x80\xa6 ></link>或<link \xe2\x80\xa6 />很好，但不能保证。标准格式是不带.

\n\n

或者，您应该确认问题是加载 CSS 文件还是 CSS 文档的实际内容。

\n