CSS文件没有被下载- Flask



我突然有一个非常奇怪的问题,我的浏览器(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。下面是我设置webset的一些相关代码。

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应用程序(它不在生产中),我在他们的服务器上有同样的问题,因为我的开发服务器。

任何想法?

来晚了一点,但我也遇到了同样的问题。

将type属性移到链接语句前面后,它就工作了。

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

代替

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

最新更新