アプリケーションの初期ロード時にエラーが発生する "エラー：トークンを定義する必要があります！"

私は下にエラーが発生している、誰かが私に何が間違っているか教えてもらえますか？問題を解決するにはどうすればよいですか？ main.tsに何かがないかもしれません。アプリケーションの初期ロード時にエラーが発生する "エラー：トークンを定義する必要があります！"

main.ts：

import {bootstrap}  from '@angular/platform-browser-dynamic'; 
import {AppComponent}  from './app.component.ts'; 
import {HTTP_PROVIDERS , JSONP_PROVIDERS} from '@angular/http'; 
import {ROUTER_PROVIDERS, LocationStrategy, HashLocationStrategy} from '@angular/router-deprecated'; 
import {FORM_PROVIDERS, FormBuilder, Validators} from '@angular/common'; 
//import {MATERIAL_PROVIDERS} from 'ng2-material/all'; 
import {provide} from '@angular/core'; 

//enableProdMode(); 
bootstrap(
     AppComponent, [ 
         ROUTER_PROVIDERS , FORM_PROVIDERS , HTTP_PROVIDERS , 
         provide(LocationStrategy, {useClass: HashLocationStrategy}) 
         ] 
     ).catch(err => console.error(err));

systemjs.config.js：

(function(global) { 

    var ngVer = '@2.0.0-rc.1'; // lock in the angular package version; do not let it float to current! 

    //map tells the System loader where to look for things 
    var map = { 
    'app':      'app', // 'dist', 
    'rxjs':      'https://npmcdn.com/[email protected]', 
    'angular2-in-memory-web-api': 'https://npmcdn.com/angular2-in-memory-web-api', // get latest, 
    'angular2-highcharts':  'https://cdn.rawgit.com/gevgeny/angular2-highcharts/0.1.0/dist', 
    'highcharts/highstock.src': 'https://cdn.rawgit.com/highcharts/highcharts-dist/v4.2.1/highstock.js', 
    //'ng2-material':     'https://cdn.rawgit.com/justindujardin/ng2-material/gh-pages/v/0.2.5/ng2-material', 
    'ts':       'https://npmcdn.com/[email protected]/lib/plugin.js', 
    'typescript':     'https://npmcdn.com/[email protected]/lib/typescript.js', 

    }; 

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

    var packageNames = [ 
     '@angular/common', 
     '@angular/compiler', 
     '@angular/core', 
     '@angular/http', 
     '@angular/platform-browser', 
     '@angular/platform-browser-dynamic', 
     '@angular/router', 
     '@angular/router-deprecated', 
     '@angular/upgrade', 
    ]; 

    // add map entries for angular packages in the form '@angular/common': 'https://npmcdn.com/@angular/[email protected]?main=browser' 
    packageNames.forEach(function(pkgName) { 
    map[pkgName] = 'https://npmcdn.com/' + pkgName + ngVer; 
    }); 

    // add package entries for angular packages in the form '@angular/common': { main: 'index.js', defaultExtension: 'js' } 
    packageNames.forEach(function(pkgName) { 
    packages[pkgName] = { main: 'index.js', defaultExtension: 'js' }; 
    }); 

    var config = { 
    transpiler: 'ts', 
    typescriptOptions: { 
     emitDecoratorMetadata: true, 
     tsconfig: false 
    }, 
    meta: { 
     'typescript': { 
      "exports": "ts" 
     } 
     }, 
    map: map, 
    packages: packages 
    } 

    // filterSystemConfig - index.html's chance to modify config before we register it. 
    if (global.filterSystemConfig) { global.filterSystemConfig(config); } 

    System.config(config); 

})(this); 


/* 
Copyright 2016 Google Inc. All Rights Reserved. 
Use of this source code is governed by an MIT-style license that 
can be found in the LICENSE file at http://angular.io/license 
*/

出典

2016-05-19 dhananjay shingote

私はあなたの問題の原因がここにあることを考える：

import {ROUTER_PROVIDERS, LocationStrategy, HashLocationStrategy} from '@angular/router-deprecated';

あなたがする必要があります@ Angular/Commonからロケーション戦略をインポートします。だから、あなたは以下のようにコードを変更する必要があります：あなたの@angularは「node_modules」フォルダの下にある場合

import {ROUTER_PROVIDERS} from '@angular/router-deprecated'; 
import {FORM_PROVIDERS, FormBuilder, Validators, LocationStrategy, HashLocationStrategy} from '@angular/common';

あなたは、キー@angularとフォルダのパスをマップこのページhttps://angular.io/docs/ts/latest/guide/router-deprecated.html

出典

2016-05-19 10:27:48 yurzui

ありがとう..それは動作します.. –

に関する詳細な情報を見ることができます

でsystemjs.config.jsファイルのように：

var map = { 
'@angular':     'node_modules/@angular' 
}

出典

2016-05-19 10:43:06

アプリケーションの初期ロード時にエラーが発生する "エラー：トークンを定義する必要があります！"

答えて

関連する問題