Angular2 RC6 Uncaught ReferenceError：システムが定義されていません

rc5プロジェクトをrc6にアップグレードしています。私はコードの残りの部分を更新しましたが、今コンパイルしますが、ブラウザでプロジェクトに移動するとエラーが発生します。私は Angular2 RC6 Uncaught ReferenceError：システムが定義されていません

System.config

、すなわち、問題は私のsystemjs設定ファイルであると考える私のindex.htmlは次のとおりです。

<!DOCTYPE html> 
<html lang="en"> 

<head> 
    <base href="/"> 
    <title>Angular2 rc6</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 

    <link rel="stylesheet" href="css/vendor.css" /> 

    <script src="node_modules/typescript/lib/typescript.js"></script> 
    <script src="node_modules/core-js/client/shim.min.js"></script> 
    <script src="node_modules/zone.js/dist/zone.js"></script> 
    <script src="node_modules/systemjs/dist/system.src.js"></script> 

    <script src="systemjs.config.js"></script> 
    <script> 
    System.import('app').catch(function(err){ console.error(err); }); 
    </script> 
</head> 

<body> 
    <app>Loading...</app> 
</body> 

</html>

systemjs.config.js

System.config({ 
    transpiler: 'typescript', 
    typescriptOptions: {emitDecoratorMetadata: true}, 
    map: { 
     '@angular': 'node_modules/@angular', 
     'rxjs' : 'node_modules/rxjs' 
    }, 
    paths: { 
     'node_modules/@angular/*': 'node_modules/@angular/*/bundles' 
    }, 
    meta: { 
     '@angular/*': {'format': 'cjs'} 
    }, 
    packages: { 
     'app'        : {main: 'main', defaultExtension: 'js'}, 
     'rxjs'        : {main: 'Rx'}, 
     '@angular/core'     : {main: 'core.umd.min.js'}, 
     '@angular/common'     : {main: 'common.umd.min.js'}, 
     '@angular/compiler'    : {main: 'compiler.umd.min.js'}, 
     '@angular/platform-browser'  : {main: 'platform-browser.umd.min.js'}, 
     '@angular/platform-browser-dynamic': {main: 'platform-browser-dynamic.umd.min.js'} 
    } 
});

プロジェクト構造が

です

project 
|-systemjs.config.js 
|-src 
    |-index.html 
    |-app 
     |-main.ts 
      |-...

エラー

typescript.js:1 Uncaught SyntaxError: Unexpected token < 
shim.min.js:1 Uncaught SyntaxError: Unexpected token < 
zone.js:1 Uncaught SyntaxError: Unexpected token < 
system.src.js:1 Uncaught SyntaxError: Unexpected token < 
systemjs.config.js:1 Uncaught SyntaxError: Unexpected token < 
(index):20 Uncaught ReferenceError: System is not defined

出典

2016-09-02 user3506588

新しいsystemjs.config.jsを見つけることができます

map{ app: 'src/app' }

例えばsystemjs.configであなたのマップに追加する必要があるかもしれませんか？ –

Systemjs.config.jsファイルを更新する必要があるので、私はそれを信じています。 Rc.6は設定ファイルを大幅に変更しました。私は、新しいsystemjs.config.jsファイルにコピーすることで、自分のプロジェクトでこのエラーを解決し、あなたが

map:{}

と

paths:{}

に追加する特別なマッピングまたはプロジェクトのパスを追加した場合を確認すること

セクションを設定します。もちょうど良い練習として、私は（あなたの隣systemjs.config.js付き）プロジェクトのルートに出のindex.htmlを移動するだろう、とあなたアプリフォルダがSRCフォルダにネストされているので、あなたも、あなたが取得しているエラーが何であるかを、ここでangular.io

出典

2016-09-02 14:25:17 Bean0341

Angular2 RC6 Uncaught ReferenceError：システムが定義されていません

答えて

関連する問題