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錯誤

回答

相關問題