角度プロジェクトのアップグレード

Question

角度プロジェクトを角度2 rc4から現在のバージョン2.4.4にアップグレードしています。私はこれを内部プロジェクトの別のものでやったことがありますが、私がそうしているようにいくつかの奇妙なエラーが発生しています。

すべての角度パッケージ、typescript、zone.js、rxjs、新しい@typesモジュールをアップグレードしました。

var System; 
(function(global) { 
    const paths = { 
     'deps:': 'js/dependencies/' 
    }; 
    // map tells the System loader where to look for things 
    var map = { 
     'app':         'js/app', // 'dist', 
     'rxjs':         'deps:rxjs', 
     'ng2-bootstrap':      'js/dependencies/ng2-bootstrap', 
     'ng2-file-upload':      'deps:ng2-file-upload', 
     'moment':        'deps:moment', 
     'lodash':        'deps:lodash', 
     'symbol-observable':     'deps:symbol-observable', 
     '@angular/core':      'deps:@angular/core/bundles/core.umd.js', 
     '@angular/common':      'deps:@angular/common/bundles/common.umd.js', 
     '@angular/compiler':     'deps:@angular/compiler/bundles/compiler.umd.js', 
     '@angular/platform-browser':   'deps:@angular/platform-browser/bundles/platform-browser.umd.js', 
     '@angular/platform-browser-dynamic': 'deps:@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js', 
     '@angular/http':      'deps:@angular/http/bundles/http.umd.js', 
     '@angular/router':      'deps:@angular/router/bundles/router.umd.js', 
     '@angular/forms':      'deps:@angular/forms/bundles/forms.umd.js', 
    }; 

    // 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' }, 
     'moment':      { main: 'moment.js', defaultExtension: 'js' }, 
     'lodash':      { main: 'index.js', defaultExtension: 'js' }, 
     'ng2-bootstrap':    { format: 'cjs', main: 'bundles/ng2-bootstrap.umd.js', defaultExtension: 'js' }, 
     'ng2-file-upload':   { main: 'ng2-file-upload.js', defaultExtension: 'js' } 
    }; 

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

    System.config(config); 

})(this); 

これは、我々が持っている（と、それはあそこに動作します）他の角度のプロジェクトとまったく同じである：私のsystemjs.config.jsファイルには、次のようになります。

私はプロジェクトをビルドし、それをロードすると、私はブラウザのコンソールで次のエラーを取得する：

[path]/@angular/router/bundles/router.umd.js/src/url_tree 404 (Not Found) 
ZoneAwareError 
    Error: Error: XHR error (404 Not Found) loading [path]/@angular/router/bundles/router.umd.js/src/url_tree 

私はthis oneのように、他のsystemjs.config.jsフォーマットを試してみたが、私はまだ取得エラー。それは少し違っています。 404はtraceurにあります。

エラーの原因や解決方法がわかりません。誰かがどこにアイデアやポインタを持っていれば、私は大いに感謝しています！

Answer 1

私は、この特定のケースでどこからエラーが発生しているのか把握しました。これはいつも問題だとは言えませんが、それは私の問題でした。

現在のルートを確認してから、メニューコンポーネントを表示または非表示する機能がありました。そのコードは古く、更新する必要がありますが、私はそれをまだ更新していないので失敗しました。それが404の出所です。

問題のインポートされました：

import { containsTree } from '@angular/router/src/url_tree'; 

私は、エラーがなくなっているとコメントしました。だから私はそのコードに移動して更新することもできます。