Javascript Django项目中应该包含哪些角度文件
我正试着和Django联系一个有棱角的2号官员。完成Javascript Django项目中应该包含哪些角度文件,javascript,angularjs,django,Javascript,Angularjs,Django,我正试着和Django联系一个有棱角的2号官员。完成npm安装后我得到了一个名为node\u modules的文件夹,其中包含12.523个项目和66 MB。然后,快速启动会在html中写入以下引用: <!-- IE required polyfill --> <script src="node_modules/core-js/client/shim.min.js"></script> <script src="node_modules/zone.js
npm安装后
我得到了一个名为node\u modules
的文件夹,其中包含12.523个项目和66 MB。然后,快速启动会在html中写入以下引用:
<!-- IE required polyfill -->
<script src="node_modules/core-js/client/shim.min.js"></script>
<script src="node_modules/zone.js/dist/zone.js"></script>
<script src="node_modules/reflect-metadata/Reflect.js"></script>
<script src="node_modules/rxjs/bundles/Rx.umd.js"></script>
<script src="node_modules/@angular/core/bundles/core.umd.js"></script>
<script src="node_modules/@angular/common/bundles/common.umd.js"></script>
<script src="node_modules/@angular/compiler/bundles/compiler.umd.js"></script>
<script src="node_modules/@angular/platform-browser/bundles/platform-browser.umd.js"></script>
<script src="node_modules/@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js"></script>
所以,我把这些文件放到我的django静态文件中。然后,在django呈现的html中模拟快速启动。但我得到了一个错误:
TypeError:_angular_common未定义
看起来我丢失了一些js文件。我怎样才能找到我丢失的那些?我应该为node_modules文件夹中的所有12.523下载项目提供服务吗?可能不会。如何使用Django快速入门
这是Django html以防万一:
{% load staticfiles %}
<html>
<head>
<!-- IE required polyfill -->
<script src="{% static 'assets/js/angular/shim.js' %}"></script>
<script src="{% static 'assets/js/angular/zone.js' %}"></script>
<script src="{% static 'assets/js/angular/Reflect.js' %}"></script>
<script src="{% static 'assets/js/angular/Rx.umd.js' %}"></script>
<script src="{% static 'assets/js/angular/core.umd.js' %}"></script>
<script src="{% static 'assets/js/angular/compiler.umd.js' %}"></script>
<script src="{% static 'assets/js/angular/platform-browser.umd.js' %}"></script>
<script src="{% static 'assets/js/angular/platform-browser-dynamic.umd.js' %}"></script>
</head>
<body>
<my-app>Loading...</my-app>
</body>
<script>
(function(app){
app.Component=ng.core.Component({
selector: 'my-app',
template: "<h1>Lets See...</h1>"
})
.Class({
constructor: function() {}
});
}) (window.app || (window.app = {}));
(function(app) {
document.addEventListener('DOMContentLoaded', function() {
ng.platformBrowserDynamic.bootstrap(app.AppComponent);
});
})(window.app || (window.app = {}));
</script>
</html>
{%load staticfiles%}
加载。。。
(功能(应用程序){
app.Component=ng.core.Component({
选择器:“我的应用程序”,
模板:“让我们看看……”
})
.类({
构造函数:函数(){}
});
})(window.app | |(window.app={}));
(功能(应用程序){
document.addEventListener('DOMContentLoaded',function(){
platformBrowserDynamic.bootstrap(app.AppComponent);
});
})(window.app | |(window.app={}));
您应该使用bower或其他类似项目来管理客户端库。您应该使用bower或其他类似项目来管理客户端库。