2014-12-05 81 views
0

我有問題從django模板加載靜態文件。Django涼亭,引導程序,靜態文件不起作用

這裏是我的設置:

INSTALLED_APPS = (                     
33  'django.contrib.admin',                   
34  'django.contrib.auth',                   
35  'django.contrib.contenttypes',                 
36  'django.contrib.sessions',                  
37  'django.contrib.messages',                  
38  'django.contrib.staticfiles',                 
39  'chat',                       
40  'ws4redis',                      
41  'djangobower',                     
42)                                                 
44 MIDDLEWARE_CLASSES = (                    
45  'django.contrib.sessions.middleware.SessionMiddleware',           
46  'django.middleware.common.CommonMiddleware',              
47  'django.middleware.csrf.CsrfViewMiddleware',              
48  'django.contrib.auth.middleware.AuthenticationMiddleware',          
49  'django.contrib.auth.middleware.SessionAuthenticationMiddleware',        
50  'django.contrib.messages.middleware.MessageMiddleware',           
51  'django.middleware.clickjacking.XFrameOptionsMiddleware',          
52)                                                  
54 ROOT_URLCONF = 'chrum.urls'                   

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

70 STATICFILES_FINDERS = ("django.contrib.staticfiles.finders.FileSystemFinder",      
71       'django.contrib.staticfiles.finders.AppDirectoriesFinder',     
72       'djangobower.finders.BowerFinder',)           
73 STATICFILES_DIRS = (                    
74  os.path.join(BASE_DIR, "components"),               
75)                         
77 BOWER_COMPONENTS_ROOT = os.path.join(BASE_DIR, 'static')            
78 BOWER_INSTALLED_APPS = ('bootstrap',) 

繼承人我的模板:

4 {% load staticfiles %}                    
    5 {% load static from staticfiles %}                 
    6 <script src="{% static 'components/bower_components/jquery/dist/jquery.js' %}"></script>                         
    7 <script src="{% static 'components/bower_components/bootstrap/dist/js/bootstrap.js' %}"></script> 
    8 <script rel="stylesheet" type="text/css" src="{% static 'components/bower_components/bootstrap/dist/css/bootstrap.css' %}"></script> 

在網站源碼,我可以看到該鏈接的作品,我可以讀我的CSS文件。

服務器返回:

[05/DEC/2014 21時45分52秒] 「GET /static/components/bower_components/jquery/dist/jquery.js HTTP/1.1」 304 0 [05 /減速/ 2014 21:45:52]「GET /static/components/bower_components/bootstrap/dist/js/bootstrap.js HTTP/1.1」304 0 [05/Dec/2014 21:45:52]「GET/static/components/bower_components/bootstrap/dist/css/bootstrap.css HTTP/1.1「304 0

但該css無法正常工作,我無法在瀏覽器中的樣式編輯器中看到它。

ps:如果我在瀏覽器中手動導入該css文件,它可以工作!

+0

您的網絡瀏覽器(即Chrome調試器)會說什麼靜態文件的資源路徑是?從那裏開始,很可能它只是指向錯誤的路徑。 – 2014-12-06 01:33:05

+0

在mozzila中沒有任何東西。鉻在源選項卡中有導入的文件,但它也不起作用。 – user300934 2014-12-06 10:26:46

回答

0

看來你還沒有在你的settings.py文件中定義STATIC_URL變量。添加以下行設置:

STATIC_URL = '/static/' 
+0

它沒有幫助:( – user300934 2014-12-06 10:01:15

0

你應該這樣使用:

<script src="{% static 'jquery/dist/jquery.js' %}"></script> 

取出components/bower_components/前綴。