Javascript 角度2 rc1,其中为垫片
Angular2包装中曾经有用于IE的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 (
垫片,但从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');
}
};
...