2016-05-11 9 views
2

Angular2パッケージにはshims_for_IEがありましたが、rc1は削除されています。 IE9 +をサポートするための回避策は何ですか?Angular2 rc1、ここではshims_for_IEです

es6として script.tsから生成

File: script 
Error: Expected ';' 
    Evaluating http://localhost:11111/Scripts/script.js 
    Error loading http://localhost:51592/Scripts/script.js 
    { 
     [functions]: , 
     description: "Expected ';' 
    Evaluating http://localhost:11111/Scripts/script.js 
    Error loading http://localhost:11111/Scripts/script.js", 
     message: "Expected ';' 
    Evaluating http://localhost:11111/Scripts/script.js 
    Error loading http://localhost:11111/Scripts/script.js", 
     name: "Error", 
     originalErr: { }, 
     stack: null 
    } 

script.js:IE 9に設定レンダリングモードにIE 11に

Error: SyntaxError: Syntax error 
     at ZoneDelegate.prototype.invoke (http://localhost:11111/node_modules/zone.js/dist/zone.js:321:14) 
     at Zone.prototype.run (http://localhost:11111/node_modules/zone.js/dist/zone.js:216:18) 
     at Anonymous function (http://localhost:11111/node_modules/zone.js/dist/zone.js:571:18) 
    Evaluating http://localhost:11111/Scripts/script.js 
    Error loading http://localhost:11111/Scripts/script.js 

エラー:エッジに設定レンダリングモードにIE 11に

エラー

/// <amd-module name="script" /> 
System.register("script", ['@angular/core', '@angular/platform-browser-dynamic'], function(exports_1, context_1) { 
    "use strict"; 
    var __moduleName = context_1 && context_1.id; 
    var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { 
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; 
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); 
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; 
     return c > 3 && r && Object.defineProperty(target, key, r), r; 
    }; 
    var __metadata = (this && this.__metadata) || function (k, v) { 
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); 
    }; 
    var core_1, platform_browser_dynamic_1; 
    var script; 
    return { 
     setters:[ 
      function (core_1_1) { 
       core_1 = core_1_1; 
      }, 
      function (platform_browser_dynamic_1_1) { 
       platform_browser_dynamic_1 = platform_browser_dynamic_1_1; 
      }], 
     execute: function() { 
      let script = class script { 
       constructor(element) { 
        this.loginUrl = ''; 
        this.antiForgeryName = ''; 
        this.antiForgeryValue = ''; 
        this.loginError = ''; 
        this.submitted = false; 
        this.loginUrl = element.nativeElement.getAttribute('loginurl'); 
        this.antiForgeryName = element.nativeElement.getAttribute('antiforgeryname'); 
        this.antiForgeryValue = element.nativeElement.getAttribute('antiforgeryvalue'); 
        this.loginError = element.nativeElement.getAttribute('loginError') == null ? "" : element.nativeElement.getAttribute('loginError'); 
       } 
      }; 
      script = __decorate([ 
       core_1.Component({ 
        selector: 'script', 
        templateUrl: '/Home/ScriptTemplate.html' 
       }), 
       __metadata('design:paramtypes', [core_1.ElementRef]) 
      ], script); 
      exports_1("script", script); 
      platform_browser_dynamic_1.bootstrap(script); 
     } 
    } 
}); 
//# sourceMappingURL=script.js.map 

Upda

... 
var script = function script() { 
    function() constructor(element) { 
     this.loginUrl = ''; 
     this.antiForgeryName = ''; 
     this.antiForgeryValue = ''; 
     this.loginError = ''; 
     this.submitted = false; 
     this.loginUrl = element.nativeElement.getAttribute('loginurl'); 
     this.antiForgeryName = element.nativeElement.getAttribute('antiforgeryname'); 
     this.antiForgeryValue = element.nativeElement.getAttribute('antiforgeryvalue'); 
     this.loginError = element.nativeElement.getAttribute('loginError') == null ? "" : element.nativeElement.getAttribute('loginError'); 
    } 
}; 
... 

しかし、これは活字体のおかげes3 transpile、のように見える私はそこにすべての単一の.d.tsを試してきたように、スーパー不可能です:テだから、follwingに変更

はシムが必要とされることを意味し、問題を解決しますそれはまだ約束を訴えていない、見つけることができないなど... 参照:https://github.com/angular/angular/issues/7280

+0

プランナーはありますか? –

+0

plunkrでは 'ts'を' js'にコンパイルしてAngular2に送ることはできません。あなたは 'ts'をAngular2に直接渡すことができますが、このエラーは起こらないので、ここではポイントを打ち負かしています(別名ブラウザーで表示されます)。 – RoninCoder

+0

Windowsに組み込まれたJScriptデバッガでこのコードを別々に実行することもできますが、それは 'es6'構文を理解できないため、IE用のシムが必要であるため、あまり役に立ちません。 – RoninCoder

答えて

0

簡単な修正。ベータ版のTypingsフォルダをダウンロードしてプロジェクトの下に置き、browser.d.tsを使用するか、単にbeta.15にダウングレードしてください。 typingsパッケージをインストールして解決策を見たことがありますが、Visual Studioで私にとってはうまくいきませんでした。

関連する問題