未下载CSS文件- Flask

Question

我突然遇到了一个非常奇怪的问题，我的浏览器(Chrome、Safari、Firefox)无法下载外部css文件。我正在为heroku构建一个python flask应用程序。我在一个本地服务器上进行开发(包括gunicorn和默认的flask服务器)。当我加载我的主页时，除了我的主样式表之外，一切似乎都加载得很好。<link>节点显示在Chrome devtools的head下。

<link rel="stylsheet" href="/static/main.4dd3f5a6.css" type="text/css">

我可以点击href，打开一个带有我缩小的css的选项卡。但是，当我查看Resources选项卡时，它没有显示样式表。我在网上发现的一个可能的问题是，我的本地服务器使用错误的Content-Type为css提供服务。但是，当我查看Network选项卡以检查Content-Type时，样式表甚至没有显示在那里！我正在使用Flask-Assets加载我的资产。它似乎在我的javascript上运行得很好，但不适用于我的css。下面是我设置webasset的一些相关代码。

asset_env = Environment(app)
asset_env.debug = True
asset_env.url = app.static_url_path
asset_env.append_path("assets")

js_bundle = Bundle("js/*", filters="jsmin", output="main.%(version)s.js")
css_bundle = Bundle("css/*", "css/font-awesome-4.1.0/css/font-awesome.css",
                    filters="cssmin", output="main.%(version)s.css")
asset_env.register("js", js_bundle)
asset_env.register("css", css_bundle)

我还尝试部署到我的heroku应用程序(它还没有投入生产)，我在他们的服务器上遇到了与我的开发服务器上相同的问题。

有什么想法吗？

Answer 1

参加聚会有点晚了，但我也有同样的问题。

将type属性移到link语句的前面之后，它就起作用了。

<link type="text/css" href="{{ ASSET_URL }}" rel="stylesheet">

而不是

<link rel="stylsheet" href="{{ ASSET_URL }}" type="text/css">