はじめにAngular2 RC5とng-bootstrap 404エラー

Question

ng-bootstrapのWebサイトにAngular2の新しいgitクローンをインストールする手順に従いましたが、NgbModuleがインポート配列@NgModuleにあるときに404エラーが表示されます。エラーの

SCREENCAP：

import { NgModule }  from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 

import { AppComponent } from './app.component'; 
import { NgbModule } from "@ng-bootstrap/ng-bootstrap"; 

@NgModule({ 
    imports: [ NgbModule, BrowserModule ], 
    declarations: [ AppComponent ], 
    bootstrap: [ AppComponent ] 
}) 
export class AppModule { } 

：404 Error loading @ng-bootstrap

ステップ：次へ

1. クローン化Angular2のクイックスタートgitのレポgithub.com/angular/quickstart

2. 編集app.module.ts

   bootstrap@4.0.0-alpha.3、ng-bootstrap、およびangular2 RC5は

3. ブートストラップの.cssを追加
   をインストールし、index.html
4. npm startを読み込んでいます...ページと他には何を生成するスクリプトタグを.jsファイルされ、同じことが起こる

Webコンソールで404エラーを見ることができますインポートパスをnode_moduleなどで明示的に設定しようとしています。 import { NgbModule } from "../node_modules/@ng-bootstrap/ng-bootstrap";

助けてください。

アップデート1：

は、ルート・ファイルsystemjs.config.jsを投影する@ ngのブートストラップラインを追加しました。ブラウザコンソールでも同様の404エラーが発生しました。

systemjs.config.js：

/** 
* System configuration for Angular 2 samples 
* Adjust as necessary for your application needs. 
*/ 
(function(global) { 

    // map tells the System loader where to look for things 
    var map = { 
    'app':      'app', // 'dist', 

    '@ng-bootstrap':    'node_modules/@ng-bootstrap', 
    '@angular':     'node_modules/@angular', 
    'angular2-in-memory-web-api': 'node_modules/angular2-in-memory-web-api', 
    'rxjs':      'node_modules/rxjs' 
    }; 

    // packages tells the System loader how to load when no filename and/or no extension 
    var packages = { 
    'app':      { main: 'main.js', defaultExtension: 'js' }, 
    'rxjs':      { defaultExtension: 'js' }, 
    'angular2-in-memory-web-api': { main: 'index.js', defaultExtension: 'js' }, 
    }; 

    var ngPackageNames = [ 
    'common', 
    'compiler', 
    'core', 
    'forms', 
    'http', 
    'platform-browser', 
    'platform-browser-dynamic', 
    'router', 
    'router-deprecated', 
    'upgrade' 
    ]; 

    // Individual files (~300 requests): 
    function packIndex(pkgName) { 
    packages['@angular/'+pkgName] = { main: 'index.js', defaultExtension: 'js' }; 
    } 

    // Bundled (~40 requests): 
    function packUmd(pkgName) { 
    packages['@angular/'+pkgName] = { main: '/bundles/' + pkgName + '.umd.js', defaultExtension: 'js' }; 
    } 

    // Most environments should use UMD; some (Karma) need the individual index files 
    var setPackageConfig = System.packageWithIndex ? packIndex : packUmd; 

    // Add package entries for angular packages 
    ngPackageNames.forEach(setPackageConfig); 

    // No umd for router yet 
    packages['@angular/router'] = { main: 'index.js', defaultExtension: 'js' }; 

    var config = { 
    map: map, 
    packages: packages 
    }; 

    System.config(config); 

})(this); 

アップデート2

はsystemjs.config.jsにパッケージにindex.jsファイルを追加し、個々のファイルにエラーを受け付けておりますスクリーンキャプチャごとにhere：

systemjs.config.js（抜粋）

あなたがsystemjs構成で@ng-bootstrapのパスを追加していないようだ

//packages tells the System loader how to load when no filename and/or no extension 
    var packages = { 
    'app':      { main: 'main.js', defaultExtension: 'js' }, 
    'rxjs':      { defaultExtension: 'js' }, 
    'angular2-in-memory-web-api': { main: 'index.js', defaultExtension: 'js' }, 
    '@ng-bootstrap/ng-bootstrap': { main: 'index.js', defaultExtension: 'js' }, 
    }; 

Answer 1

解決策が見つかりました。問題は実際にsystemjs.config.jsにあります。指示に従ってください。問題は修正されました。おかげ

How can I add bootstrap to Angular2 via system.js

Answer 2

、

は、このことができます@ng-bootstrapでsystemjs.config.js

希望のパスを追加します！