質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.62%

  • Python 3.x

    5859questions

    Python 3はPythonプログラミング言語の最新バージョンであり、2008年12月3日にリリースされました。

  • Django

    980questions

    DjangoはPythonで書かれた、オープンソースウェブアプリケーションのフレームワークです。複雑なデータベースを扱うウェブサイトを開発する際に必要な労力を減らす為にデザインされました。

  • Bootstrap

    915questions

    BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

Django 1.8でstatic fileを読み込めない

解決済

回答 2

投稿

  • 評価
  • クリップ 1
  • VIEW 3,630

Zousan

score 23

Django 1.8でbootstrapなどのstatic fileをつかたいのですが、以下のエラーで読み込めません。


    [07/Jul/2015 09:10:52]"GET /static/css/bootstrap-theme.min.css HTTP/1.1" 404 1694
    [07/Jul/2015 09:10:52]"GET /static/css/bootstrap.min.css HTTP/1.1" 404 1676
    [07/Jul/2015 09:10:52]"GET /static/js/iquery-1.11.3.min.js HTTP/1.1" 404 1682
    [07/Jul/2015 09:10:52]"GET /static/js/bootstrap.min.js HTTP/1.1" 404 1670

ディレクトリ構成は以下のようになっています

Project
    |
    |-project_name
    |  |-settings.py
    |  |-urls.py
    |  |-db.sqlite3
    |  |....
    |
    |-boot
    |  |-views.py
    |  |-urls.py
    |  |-admin.py
    |
    |-another_app_name2
    |  |...
    |
    |-static
    |  |
    |  |-js
    |  |  |-bootstrap.min.js
    |  |  |-bootstrap-theme.js
    |  |-css
    |  |  |-bootstrap.min.css
    |  |-fonts
    |
    |-templates
    |  |-base.html
    |  |-no-nav-base.html
    |  |-boot
    |  |  |-boot.html

settings.pyは以下のようになっています。

BASE_DIR = os.path.dirname(os.path.dirname(__file__))

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [os.path.join(BASE_DIR, "templates"),],
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.template.context_processors.static',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
                'social.apps.django_app.context_processors.backends',
                'social.apps.django_app.context_processors.login_redirect'
            ],
        },
    },
]

STATIC_ROOT = 'staticfiles'
STATIC_URL = '/static/'
STATICFILES_STORAGE = 'whitenoise.django.GzipManifestStaticFilesStorage'

STATICFILES_DIR = (
    os.path.join(BASE_DIR, "static"),
)

Whitenoiseを使っています。

no-nav-base.htmlは以下のようになっています。

#no-nav-base.html

{% load staticfiles %}
<html lang="ja">
    <head>
        <meta charset="utf-8">
        <title>{% block title %}Title{% endblock %}</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet">
        <link href="{% static 'css/bootstrap-theme.min.css' %}" rel="stylesheet">
        {% block extrahead %}{% endblock %}
    </head>
    <body>
        <div class="container-fluid">
            {%block content %}
            {{ content }}
            {% endblock %}
        </div>

        <script src="{% static 'js/iquery-1.11.3.min.js' %}"></script>
        <script src="{% static 'js/bootstrap.min.js' %}"></script>
    </body>
</html>

boot.htmlは以下のようになっています。

#boot.html

{% extends "no-nav-base.html" %}
{% block content %}
<div class="jumbotron">
    <h1>title</h1>
    <div class="row">
        <div class="col-sm-5">
            <p>ログインしてください。</p>
            <a href="{% url 'social:begin' 'twitter' %}">Twitterログイン</a>
        </div>
    </div>
</div>
{% endblock %}

いろいろ試して見たのですが、結局解決できませんでした。
何か間違っているところが見つかりましたら、教えて下さいますとありがたいです。ヨロスクお願いします。
  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 2

checkベストアンサー

0

STATICFILES_DIR を STATICFILES_DIRS としてみて下さい

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2015/07/09 20:54

    できました!!ありがとうございます。

    キャンセル

0



STATIC_URL = 'static/'

は、試してみましたか?

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2015/07/08 20:13

    やってみましたが直りません。

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.62%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る

  • Python 3.x

    5859questions

    Python 3はPythonプログラミング言語の最新バージョンであり、2008年12月3日にリリースされました。

  • Django

    980questions

    DjangoはPythonで書かれた、オープンソースウェブアプリケーションのフレームワークです。複雑なデータベースを扱うウェブサイトを開発する際に必要な労力を減らす為にデザインされました。

  • Bootstrap

    915questions

    BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。