Html Django bower、引导、静态文件和#x27；行不通

我无法从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',)

STATIC_URL = '/static/'

这是我的模板：

 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>

4{%load staticfiles%}
5{%从静态文件加载静态文件%}
6.
7.
8.

在SiteSource中，我可以看到链接可以工作，并且我可以读取我的css文件

服务器返回：

[05/Dec/2014 21:45:52]“GET/static/components/bower_components/jquery/dist/jquery.js HTTP/1.1”304 0 [05/Dec/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文件，它会工作

似乎您尚未在settings.py文件中定义

STATIC\u URL

变量。将以下行添加到您的设置中：

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',)

STATIC_URL = '/static/'

---

您应该这样使用：

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

---

删除

组件/bower\u组件/

前缀。

您的web浏览器（即Chrome调试器）说静态文件的资源路径是什么？从这里开始，很可能只是指向了错误的方向。在mozzila中，什么都没有。在chromium中，sources选项卡中有导入的文件，但它也不起作用。