Ошибка 404 angular 2 ng2-bootstrap datepicker systemjs

Я использую datepicker из ng2-bootstrap.

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)

Я не уверен, почему он все еще ищет datepicker в / content / node_modules / ng2-bootstrap / components / datepicker, я указал искать в node_modules / ng2-bootstrap / components / datepicker.


angular systemjs angular2-directives ng2-bootstrap
person Naveed Ahmed    schedule 12.06.2016    source источник
comment
Как вы выполняете импорт других компонентов в текущий файл? Скажем import { Component } from '@angular/core';, Вы так делаете? И у меня есть быстрое предложение, почему бы не использовать angular-cli для разработки angular2?   -  person pd farhad    schedule 12.06.2016
comment
Я делаю точно так же, как этот импорт {Component} из '@ angular / core'; , работает ли angular-cli с проектами ASP.Net MVC (в Visual Studio)?   -  person Naveed Ahmed    schedule 12.06.2016
comment
Я не сторонник ASP.NET, но это не имеет ничего общего с ASP.NET. вы создадите api с любым языком бэкэнд, который вы хотите, тогда ваши API будут предоставлять все, что когда-либо понадобится вашему внешнему проекту angular2 :) Кстати, можете ли вы сделать снимок экрана своей структуры папок node_modules   -  person pd farhad    schedule 12.06.2016

Ответы (1)


arrow_upward
0
arrow_downward

вы должны обязательно включить библиотеку ng2-bootstrap в свой index.html:

<script src="node_modules/ng2-bootstrap/bundles/ng2-bootstrap.min.js"></script>
person pd farhad    schedule 12.06.2016