python - Django-静的CSSファイルをロードできません

Question

ローカルマシン（Mac OS X）でDjangoの開発サーバー（runserver）を実行していますが、CSSファイルを読み込めません。

settings.pyの関連するエントリは次のとおりです。

STATIC_ROOT = '/Users/username/Projects/mysite/static/'

STATIC_URL = '/static/'

STATICFILES_DIRS = (
'/Users/thaymore/Projects/mysite/cal/static',
)

STATICFILES_FINDERS = (
'django.contrib.staticfiles.finders.FileSystemFinder',
'django.contrib.staticfiles.finders.AppDirectoriesFinder',
#'django.contrib.staticfiles.finders.DefaultStorageFinder',
)

INSTALLED_APPS = (
# other apps ...
'django.contrib.staticfiles',
)

私のviews.pyで私はコンテキストを要求しています：

return render_to_response("cal/main.html",dict(entries=entries),context_instance=RequestContext(request))

そして私のテンプレートでは、{{ STATIC_URL }}正しくレンダリングされます：

<link type="text/css" href="{{ STATIC_URL }}css/main.css" />

になる：

<link type="text/css" href="/static/css/main.css"/>

ファイルが実際に配置されている場所です。またcollectstatic、すべてのファイルが収集されていることを確認するために実行しました。

また、urls.pyには次の行があります。

from django.contrib.staticfiles.urls import staticfiles_urlpatterns

urlpatterns += staticfiles_urlpatterns()

私はDjangoを初めて使用するので、おそらく単純なものが欠けています。助けていただければ幸いです。

score 86 · Accepted Answer

これを注意深く読んでください： https ：//docs.djangoproject.com/en/dev/ref/contrib/staticfiles/

あなたの中にいdjango.contrib.staticfilesますか？INSTALLED_APPSsettings.py

ですかDEBUG=False？その場合は、次runserverの--insecureパラメータを使用して呼び出す必要があります。

python manage.py runserver --insecure

collectstatic開発サーバーを介したファイルの提供には関係ありません。STATIC_ROOTこれは、Webサーバーが静的ファイルを見つけるために1つの場所に静的ファイルを収集するためのものです。実際、セットをパスに設定して実行collectstaticすることはお勧めできません。CSSファイルが現在も存在することを再確認する必要があります。STATIC_ROOTSTATICFILES_DIRS

score 37 · Accepted Answer

Djangoの最近のリリースでは、静的ファイルを次のように構成する必要がありますsettings.py。

STATIC_URL = '/static/' # the path in url

STATICFILES_DIRS = [
    os.path.join(BASE_DIR, "static"),
]

静的テンプレートタグで使用し、

{% load static %}
<link rel="stylesheet" href="{% static 'css/bootstrap.css' %}">

score 8 · Accepted Answer

もう1つの簡単な方法は、サーバーを停止してから再起動することです。

$ python manage.py runserver

他の答えを調べましたが、サーバーの再起動はうまくいきました。

score 3 · Accepted Answer

これらはあなたから欠落していますsettings.pyか？プロジェクトの設定の1つを貼り付けています。

TEMPLATE_CONTEXT_PROCESSORS = ("django.contrib.auth.context_processors.auth",
"django.core.context_processors.debug",
"django.core.context_processors.i18n",
"django.core.context_processors.media",
"django.core.context_processors.static",
"django.contrib.messages.context_processors.messages")

また、これは私が私の中に持っているものですurls.py：

urlpatterns += patterns('', (
        r'^static/(?P<path>.*)$',
        'django.views.static.serve',
        {'document_root': 'static'}
))

score 3 · Accepted Answer

次のコードをに追加しますsettings.py：

STATICFILES_DIRS = [
    os.path.join(BASE_DIR, "static"),
]

その後、プロジェクトのルートディレクトリに静的フォルダを作成します。

テンプレートに静的ファイルをロードするには、次を使用します。

{% load static %}
  <img src="{% static "images/index.jpeg" %}" alt="My image"/>

score 2 · Accepted Answer

2

DEBUG = True私のローカル設定で私のためにそれをしました。

于 2014-03-31T13:23:34.900 に答える

score 2 · Accepted Answer

追加した

PROJECT_ROOT = os.path.normpath(os.path.dirname(__file__))
STATICFILES_DIRS = ( os.path.join(PROJECT_ROOT, "static"), )

から削除さSTATIC_ROOTれsettings.py、それは私のために働いた

score 2 · Accepted Answer

これらの手順は私にとってはうまくいきます。Djangoで静的ファイル（CSS、JS、および画像）をロードするを参照してください。

私はDjango1.10を使用しています。

static同じレベルのフォルダを作成しますsettings.py。私settings.pyのパスは~/djcode/mysite/mysite/settings.py、なので、このディレクトリは~/djcode/mysite/mysite/static/;です。
2つのフォルダstatic_dirsを作成し、static_rootでstatic、それは~/djcode/mysite/mysite/static/static_dirs/と~/djcode/mysite/mysite/static/static_root/;

このように書くsettings.py：

# Static files (CSS, JavaScript, Images)

# https://docs.djangoproject.com/en/1.10/howto/static-files/

STATIC_URL = '/static/'

STATIC_ROOT = os.path.join(BASE_DIR, 'mysite', 'static', 'static_root')

STATICFILES_DIRS = (
    os.path.join(BASE_DIR, 'mysite', 'static', 'static_dirs'),
)

このコマンド$ python manage.py collectstaticをシェルで実行します。
フォルダcssを作成static_dirsして独自のファイルに入れると.css、cssファイルのパスは~/djcode/mysite/mysite/static/static_dirs/css/my_style.css;になります。
<link>ファイル内のタグを変更し.htmlます：<link rel="stylesheet" type="text/css" href="{% static 'css/my_style.css' %}">、

最後に、このリンクのパスはhttp://192.168.1.100:8023/static/css/my_style.css

ビンゴ！

score 0 · Accepted Answer

あなたはSTATICFILES_DIRSとSTATIC_ROOTで同じパスを持っていました、私は同じ問題に遭遇しました、そして以下は例外でした-

不適切に構成：STATICFILES_DIRS設定にSTATIC_ROOT設定を含めることはできません

ローカルの場合、collectstaticを実行する必要がないため、STATICFILES_DIRSは必要ありません。コメントすると、正常に機能するはずです。

score 0 · Accepted Answer

テンプレートに追加しましたか：

{% load staticfiles %}

これは必要なものをロードしますが、何らかの理由で私はこれなしで時々動作することを経験しました... ???

score 0 · Accepted Answer

このモデルを試してみましたが、うまくいきました。

シェルで作成されたdjangoプロジェクトによる設定の変更

"django-admin.py startproject xxx"# here xxx is my app name

サーバーで実行する静的ファイルをロードする以下の構造のようにフォルダーを変更します

xxxの構造は次のとおりです。

>     .
>     |-- manage.py
>     |-- templates
>     |   `-- home.html
>     `-- test_project
>         |-- __init__.py
>         |-- settings.py
>         |-- static
>         |   |-- images
>         |   |   `-- 01.jpg
>         |   |-- style.css
>         |-- urls.py
>         `-- wsgi.py

--Settings.pyの変更

import os
INSTALLED_APPS = (    'xxx',# my app is to be load into it)

STATIC_ROOT = ''
STATIC_URL = '/static/'
PROJECT_DIR = os.path.dirname(__file__)
TEMPLATE_DIRS = (      os.path.join(PROJECT_DIR, '../templates'),)#include this

-urls.pyの変更

from django.conf.urls import patterns, include, url
from django.views.generic import TemplateView

class DirectTemplateView(TemplateView):
    extra_context = None
    def get_context_data(self, **kwargs):
        context = super(self.__class__, self).get_context_data(**kwargs)
        if self.extra_context is not None:
            for key, value in self.extra_context.items():
                if callable(value):
                    context[key] = value()
                else:
                    context[key] = value
        return context

urlpatterns = patterns('', 
    url(r'^$', DirectTemplateView.as_view(template_name="home.html")), )

--home.html

<html>
    <head>
        <link href="{{STATIC_URL}}style.css" rel="stylesheet" type="text/css">
    </head>
    <body>
        <h1>This is home for some_app</h1>
      <img src="{{STATIC_URL}}/images/01.jpg" width=150px;height=150px; alt="Smiley ">
    </body>
</html>

score 0 · Accepted Answer

私は使用しなければなりませんでした

STATICFILES_DIRS = ( '/home/USERNAME/webapps/django/PROJECT/static/', )

それは私を助けました。

score 0 · Accepted Answer

メインアプリケーション（静的ディレクトリが配置されている場所）がINSTALLED_APPSに含まれているかどうかを確認します。

有効なファインダーを使用してファイルを検索します。デフォルトでは、STATICFILES_DIRSで定義されているすべての場所と、INSTALLED_APPS設定で指定されたアプリの「静的」ディレクトリを検索します。

score 0 · Accepted Answer

"django.core.context_processors.static",このコンテキストプロセッサをsettings.pyに追加します

TEMPLATE_CONTEXT_PROCESSORS = (
"django.core.context_processors.static",

）。

score 0 · Accepted Answer

ローカルホストで実行しているかサーバーで実行しているかに応じて、STATIC_ROOTを設定できます。それを特定するには、この投稿を参照してください。

また、STATIC_ROOT構成を次のように書き換えることができます。

import sys

if 'runserver' in sys.argv:
    STATIC_ROOT = ''
else:
    STATIC_ROOT = os.path.join(BASE_DIR, 'static')
STATIC_URL = '/static/'

score 0 · Accepted Answer

DEBUG = FALSEを設定した場合は、次の手順を実行する必要があります

urls.pyファイルに：この行を追加します

from django.views.static import serve

url(r'^media/(?P<path>.*)$', serve,{'document_root': settings.MEDIA_ROOT}),
url(r'^static/(?P<path>.*)$', serve,{'document_root': settings.STATIC_ROOT}),

score 0 · Accepted Answer

私は同じ問題を抱えています（ununtu 16.04サーバー）。

これは私を助けました

python manage.py collectstatic --noinput

score 0 · Accepted Answer

settings.pyに以下を追加します

STATIC_URL = '/static/'
MEDIA_URL = '/media/'
STATIC_ROOT = os.path.join(BASE_DIR, 'static')  
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')

score 0 · Accepted Answer

Djangoアプリケーションで静的ファイルを実行する際に注意すべき2つの最も基本的なポイントは次のとおりです-ファイル内の静的ファイルパスを宣言しsettings.pyます

STATIC_URL = '/static/'

もう1つの重要なパラメータは、staticキーワードを使用しているWebページです。静的ファイルをロードする必要があります。

{% load static %}

score 0 · Accepted Answer

HTMLページに移動します。

{% load static %}

今私が犯した唯一の間違いはこれでした

私のコード：

<img src="**{% static** "images/index.jpeg" %}" alt="My image">

更新しました：

<img src=**"{% static 'images/index.jpeg' %}' alt="My image"**>

あなたはそれを正しく理解します

python - Django-静的CSSファイルをロードできません

20 に答える 20

Related

Reference