Angular 2 ng2-bootstrap datepicker systemjs 404错误

我正在使用ng2-bootstrap的datepicker。Angular 2 ng2-bootstrap datepicker systemjs 404错误

https://valor-software.com/ng2-bootstrap/#/datepicker

我曾经在我的组件进口DATEPICKER_DIRECTIVES

import { DATEPICKER_DIRECTIVES } from './../../../node_modules/ng2-bootstrap/components/datepicker';

它添加到指令列表

directives: [DATEPICKER_DIRECTIVES],

，然后在我的模板，我使用它是这样的：

<datepicker [(ngModel)]="dt" [minDate]="minDate" [showWeeks]="true"></datepicker>

我systemjs配置是这样的：

var map = { 
     'app': 'content/app', 
     'rxjs': 'node_modules/rxjs', 
     '@angular': 'node_modules/@angular', 
     "angular2-masonry": "node_modules/angular2-masonry", 
     'datepicker': 'node_modules/ng2-bootstrap/components/datepicker' 
    }; 

var paths = { 
     "masonry-layout": "node_modules/masonry-layout/dist/masonry.pkgd.js", 
     'datepicker': 'node_modules/ng2-bootstrap/components/datepicker/datepicker.component.js', 
    }; 


var packages = { 
     'app': { main: 'main.js', defaultExtension: 'js' }, 
     'rxjs': { defaultExtension: 'js' }, 
     "angular2-masonry": { defaultExtension: 'js', main: "index" }, 
     'datepicker': { defaultExtension: 'js', main: "datepicker.component" } 
    }; 

var angularPackages = [ 
    '@angular/common', 
    '@angular/compiler', 
    '@angular/core', 
    '@angular/http', 
    '@angular/platform-browser', 
    '@angular/platform-browser-dynamic', 
    '@angular/router' 
]; 

angularPackages.forEach(function (pkgName) { 
    packages[pkgName] = { 
     main: 'index.js', defaultExtension: 'js' 
    }; 
}); 


var config = { 
     map: map, 
     packages: packages, 
     paths: paths 
    }; 

    System.config(config);

编译没有任何错误，但是当我在浏览器中运行它，它会显示以下错误控制台：

/content/node_modules/ng2-bootstrap/components/datepicker 404 (Not Found)

我不知道为什么会仍然在/ content/node_modules/ng2-bootstrap/components/datepicker中搜索datepicker，我已经指定查找node_modules/ng2-bootstrap/components/datepicker。

来源

2016-06-12 Naveed Ahmed

你是如何在当前文件做其他组件的进口？我们假设从'@ angular/core'导入{Component};'，这样你就可以做到吗？我有一个快速的建议，为什么不使用angular-cli进行angular2开发？ –

我正在做这样的导入{Component} from'@ angular/core'; ，angular-cli是否可以与ASP.Net MVC项目一起工作（在Visual Studio中）？ –

我不是ASP.NET的人，但它与ASP.NET无关。你将创建一个你想要的任何后端语言的API，然后你的API将提供什么你的前端angular2项目需要:) btw你可以给你的文件夹结构node_modules的屏幕截图 –

，你必须确保在您的index.html NG2的自举库：

<script src="node_modules/ng2-bootstrap/bundles/ng2-bootstrap.min.js"></script>

来源

2016-06-12 19:21:57

仍然问题没有解决先生 – Saineshwar

Angular 2 ng2-bootstrap datepicker systemjs 404错误

回答

相关问题