2015-07-11 79 views
1

我正在關注swampdragon tutorial。 我已經完成了它,複製並粘貼所有東西,但是當我在http://localhost:8000/上時,我在javascript控制檯中出現了這個錯誤。swampdragon如何導入js文件?

GET http://localhost:8000/swampdragon/js/dist/datamapper.js 
GET http://localhost:8000/swampdragon/js/angular/services.js 
GET http://localhost:8000/controllers.js 
GET http://localhost:8000/app.js 
angular.js:36Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.2.21/$injector/modulerr?p0=TodoApp&p1=Error%3…gleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.2.21%2Fangular.min.js%3A18%3A277) 

這裏是我的設置:

STATIC_URL = '/static/' 

# SwampDragon settings 
SWAMP_DRAGON_CONNECTION = ('swampdragon.connections.sockjs_connection.DjangoSubscriberConnection', '/data') 
TEMPLATE_DIRS = [os.path.join(BASE_DIR, 'templates')] 
STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static')] 
DRAGON_URL = 'http://localhost:9999/' 

在這裏,我的index.html:

{% load static swampdragon_tags %} 
html code 
... 
... 
<!-- AngularJS --> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.21/angular.min.js"></script> 

{% swampdragon_settings %} 
<script type="text/javascript" src="{% static 'swampdragon/js/dist/swampdragon.min.js' %}"></script> 
<script type="text/javascript" src="{{ STATIC_URL }}swampdragon/js/dist/datamapper.js"></script> 
<script type="text/javascript" src="{{ STATIC_URL }}swampdragon/js/angular/services.js"></script> 

<!-- To-do app --> 
<script type="text/javascript" src="{{ STATIC_URL }}app.js"></script> 
<script type="text/javascript" src="{{ STATIC_URL }}controllers.js"></script> 

回答

0

所以我就在GitHub上的答案,這裏是解決方案。這是STATIC_URL。

{% swampdragon_settings %} 
<script type="text/javascript" src="{% static 'swampdragon/js/dist/swampdragon.min.js' %}"></script> 
<script type="text/javascript" src="{{ static }}swampdragon/js/dist/datamapper.js"></script> 
<script type="text/javascript" src="{{ static }}swampdragon/js/angular/services.js"></script> 

<!-- To-do app --> 
<script type="text/javascript" src="{{ static }}app.js"></script> 
<script type="text/javascript" src="{{ static }}controllers.js"></script>