Javascript 角度2 rc1,其中为垫片

Javascript 角度2 rc1,其中为垫片,javascript,typescript,angular,Javascript,Typescript,Angular,Angular2包装中曾经有用于IE的垫片,但从rc1起,它被移除了。那么,支持IE9+的变通方法是什么呢 将渲染模式设置为“边缘”时,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 (

Angular2包装中曾经有用于IE的
垫片,但从rc1起,它被移除了。那么,支持IE9+的变通方法是什么呢

将渲染模式设置为“边缘”时,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 9时,IE 11中出现错误:

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.ts
作为
es6
生成的
script.js

/// <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
但这看起来像是
es3
transfile,这要感谢typescript,因为我已经尝试了那里的每一个
.d.ts
,它仍然抱怨promise未找到、set未找到等等。。。
请参阅:

简易修复。从beta.15下载
Typings
文件夹并将其放在您的项目下,然后使用
browser.d.ts
或直接降级到beta.15。虽然我见过安装typings软件包的解决方案,但它在Visual Studio中对我不起作用。

你有plunker吗?在plunkr中,你不能有编译成
js
然后输入Angular2的
ts
。您可以将
ts
直接传递给Angular2,但这与此处的要点背道而驰,因为不会发生此错误(即浏览器中的Transfile)。您可以在嵌入windows的JScript调试器中单独运行此代码,但这也不会有多大帮助,由于IE无法理解
es6
语法,因此必须为IE添加垫片。我为一个无关问题编写了一个RC1 plunker,我只是在IE中运行了它,我认为不再需要显式的.js文件。在IE中运行我的plunk--它可以像我期望的那样工作…因为您的plunk正在浏览器中传输。检查我的更新,这是因为缺少垫片。我不知道从哪里得到它,因为测试垫片不起作用。
 ...
 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');
     }
 };
 ...