Question

我试图在VS项目中导入ng2-bootstrap模块。我获取此github repo并在将"moment": "2.11.2"添加到tsconfig.json后成功启动。

在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映射到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组件的本机属性。也许有人遇到过这种问题？

Answer 1

您是要将ng2-bootstrap添加到tsconfig.json？

不应该将它添加到package.json？

2015年Visual Studio中的ng2-bootstrap模块

1 个答案: