2016-03-04 2 views
0

Я пытаюсь импортировать модуль ng2-bootstrap в проекте VS. Я извлекаю этот github repo и он начинается успешно после добавления "moment": "2.11.2" в tsconfig.json.Модуль ng2-bootstrap в visual studio 2015

В VS я делаю почти то же самое, добавляя "ng2-bootstrap": "1.0.5", "moment": "2.11.2" в tsconfig.json, VS восстанавливая его до Dependencies. Затем с gulp я перемещаю ng2-bootstrap.min.js, moment.js в корневую директорию приложений и свяжу ее с index.html и moment.js map в формате system.js как map: { moment: 'libs/moment.js }.

После добавления оповещения компонент к моей угловой class:

import {Component, OnInit} from 'angular2/core' 
import {Router}  from 'angular2/router' 
import {HeroService} from './hero.service' 
import {User}   from './user' 
import {Alert}  from 'ng2-bootstrap/ng2-bootstrap' 

//declare var jwt_decode: any; 

@Component({ 
    selector: 'login', 
    templateUrl: 'app/login.component.html', 
    styleUrls: ['app/login.component.css', 'app/css/bootstrap.css', 'app/css/styles.css'], 
    directives: [Alert] 
}) 

После сборки я беру следующую ошибку:

Error TS2307 Build: Cannot find module 'moment'. ASPAngular2Test  E:\Development\C#\ASP.NET\ASPAngular2Test\src\ASPAngular2Test\node_modules\ng2-bootstrap\components\datepicker\date-formatter.ts 1 

вставить этот <script src="libs/moment.js"></script> в мой index.html и объявить переменную в date-formatter.ts как declare var moment: any, ошибка исчезла, но после запуска бутстрап tags не имеет эффекта.

Project Solution Structure

И таинственным образом я компилируюсь node_modules/ng2-bootstrap и мои все ts файлов в wwwroot/app/scripts каталоге. Я заменил скомпилированные файлы js в wwwroot/app/, и он также не имеет эффекта. В моем приложении не отображаются собственные свойства компонентов ng2-bootstrap. Может, кто-то столкнулся с такой проблемой?

ответ

0

Вы добавляете ng2-bootstrap в tsconfig.json?

Не следует ли его добавлять в package.json?