无法获取ng2-bootstrap

Question

这是我的app.ts文件：

import {bootstrap}    from 'angular2/platform/browser'
import {AppComponent} from './app.component'
bootstrap(AppComponent);

这是我的app.component.ts文件：

import {Component} from 'angular2/core';
import {Alert} from 'ng2-bootstrap/ng2-bootstrap';
@Component({
  selector: 'my-app',
  template:`
    <alert type="info">ng2-bootstrap hello world!</alert>
  `,
  directives: [Alert] 
})
export class AppComponent {
}

我得到了这个错误

​

Answer 1

我通过在我的index.html中配置我的脚本来实现这一点：

<script>
      System.config({
        packages: {       
          app: {
            format: 'register',
            defaultExtension: 'js'
          },
          "node_modules/ng2-bootstrap": {
              defaultExtension: 'js'
           }
        },
        paths: {
            "ng2-bootstrap/ng2-bootstrap":   "node_modules/ng2-bootstrap/ng2-bootstrap",
            "angular_material/material":   "node_modules/angular_material/material",
            "moment":   "node_modules/ng2-bootstrap/node_modules/moment/moment"
          }
      });
      System.import('app/main')
            .then(null, console.error.bind(console));
    </script>

此外，不要忘记添加引导程序样式

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">

Answer 2

如果有人仍然对我使用此配置有问题，只需在System.config的应用程序部分添加moment配置：

"node_modules/moment": {
                    defaultExtension: 'js'

      }

这是完整的System.config

System.config({
            packages: {
                app: {
                    format: 'register',
                    defaultExtension: 'js'
                },
                "node_modules/ng2-bootstrap": {
                    defaultExtension: 'js'
                },
               //Added moment in app section
                "node_modules/moment": {
                    defaultExtension: 'js'
                }
            },
            paths: {
                "ng2-bootstrap/ng2-bootstrap": "node_modules/ng2-bootstrap/ng2-bootstrap",
                "angular_material/material": "node_modules/angular_material/material",
                "moment": "node_modules/moment/moment"
            }
        });