ブラウザ (Chrome、Safari、Firefox) が外部 css ファイルをダウンロードしないという非常に奇妙な問題が突然発生しました。heroku用のpythonフラスコアプリを構築しています。ローカル サーバー (gunicorn とデフォルトのフラスコ サーバーの両方) で開発しています。ホームページをロードすると、メインのスタイルシート以外はすべて正常にロードされるようです。ノードは、<link>頭の下の Chrome devtools に表示されます。
<link rel="stylsheet" href="/static/main.4dd3f5a6.css" type="text/css">
をクリックhrefすると、縮小された css を含むタブが開きます。しかし、Resourcesタブの下を見ると、スタイルシートが表示されません。私がオンラインで見つけた考えられる問題の 1 つは、ローカル サーバーが間違った .css を提供している可能性がありますContent-Type。しかし、NetworkContent-Type を確認するためにタブの下を調べたところ、そこにスタイルシートさえ表示されません! Flask-Assets を使用してアセットをロードしています。私のcssではなく、私のjavascriptではうまくいくようです。Webassets を設定する関連コードの一部を次に示します。
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アプリにデプロイしようとしましたが（本番環境ではありません）、開発サーバーと同じ問題がサーバーに発生しています。
何か案は？