angular - 无法获取 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 的 app 部分添加 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"
            }
        });