Aurelia Typescript 项目仅适用于 Chrome答案

【问题标题】：Aurelia Typescript project only working on ChromeAurelia Typescript 项目仅适用于 Chrome
【发布时间】：2015-03-01 17:25:31
【问题描述】：

有谁知道为什么列出的 Aurelia-Typescript 项目 in this git repository 只能在 Chrome 浏览器上运行？

是否存在目前仅在 Chrome 上支持而在 IE 或 FireFox 上不支持的 ES6 功能？

编辑 - 以下是来自 Firefox 34.0.5 的错误消息

改变对象的 [[Prototype]] 会导致你的代码运行非常缓慢；而是使用 Object.create core.js:130 使用正确的初始 [[Prototype]] 值创建对象

未声明 HTML 文档的字符编码。如果文档包含 US-ASCII 范围之外的字符，则文档将在某些浏览器配置中呈现乱码。页面的字符编码必须在文档或传输协议中声明。 index.html

"DEBUG [bootstrapper] 加载 HTMLImports polyfill" core.js:2518

此页面上的脚本已禁用 Web 控制台日志记录 API（console.log、console.info、console.warn、console.error）。

错误：脚本错误：webcomponentsjs/HTMLImports.min http://requirejs.org/docs/errors.html#scripterrorrequire.js:166

【问题讨论】：

目前它应该在所有常青浏览器中都能正常工作。您是否在 FireFox 的控制台中遇到错误？
对我来说，在 Chrome 中运行 Visual Studio 项目运行良好。如果我切换到 IE 或 Firefox，Index 页面会加载并显示，但它会一直停留在等待应用加载的位置。
控制台有错误吗？它一定是输出了一些卡住的原因......
刚刚添加了来自 Firefox 的错误消息。 IE上没有错误信息。

标签： typescript aurelia

【解决方案1】：

在 aurelia-bundle.js 的第 15346 行（引导程序部分）它检查是否支持 HTML 导入：

      if (!("import" in document.createElement("link"))) {
        logger.debug("loading the HTMLImports polyfill");
        toLoad.push(System.normalize("webcomponentsjs/HTMLImports.min", loaderName).then(function (name) {
          return System["import"](name);
        }));
      }

唯一支持开箱即用的浏览器仍然是 Chrome。对于其他浏览器，HTMLImports polyfill 加载失败，因为：

webcomponentsjs 目录中缺少 HTMLImports.min.js
路径应该是“aurelia/webcomponentsjs/HTMLImports.min”。将webcomponentsjs移动到根路径可能会更好（我不知道如何通过捆绑来处理）
按照下面@Chi Row 对 HTML 模板元素 polyfill 的回答（IE 11 似乎支持它们，因此它可以不使用）。

【讨论】：

HTMLImports.min.js 在那里，但该目录位于脚本目录下。当我将目录移动到根目录时，Firefox 工作了。
Scripts 目录仅存在于解决方案中：'aurelia-vs-ts.sln' 和 'aurelia-vs-ts-tests.sln' 用于您可以从其他解决方案下载或复制的其他目录。跨度>

【解决方案2】：

@T Sol 的上述回答解决了 Firefox 的问题。

对于 IE，我从 this git repository 下载了 HTMLTemplateElements.js 并将文件放在根目录中。然后将文件重命名为 aurelia-html-template-elements.js。

这解决了 IE 的问题。

【讨论】：