Question

我们计划在我们的新产品中使用Aurelia并尝试简单的POC Aurelia示例，我在IE11中面临问题。任何人都可以帮助解决这个问题。

感谢您的帮助。

我使用this link中的以下命令创建了此示例：

jspm install aurelia-framework
jspm install aurelia-bootstrapper

错误：

无法定义属性＆＃39;符号（id）_h.zlr3taf0m51＆＃39;：对象不可扩展

的package.json

{
    "jspm": {
         "directories": {
              "lib": "src"
     },
    "dependencies": {
        "aurelia-bootstrapper": "^0.11.0",
        "aurelia-framework": "^0.10.0",
        "aurelia-logging-console": "^0.3.0",
        "es6-collections": "github:webreflection/es6-collections@master",
        "mutationobservers": "github:polymer/mutationobservers@^0.4.2"
    }
  }
}

的index.html

<html>
    <head>
        <title>Hello from Aurelia</title>
    </head>
    <body aurelia-app>

<div class="splash">
    <div class="message">Aurelia Navigation Skeleton</div>
    <i class="fa fa-spinner fa-spin"></i>
</div>

<script src="jspm_packages/github/webreflection/es6-collections@master/es6-collections.js"></script>
<script src="jspm_packages/github/polymer/mutationobservers@0.4.2/MutationObserver.js"></script>
<script src="jspm_packages/github/webcomponents/webcomponentsjs@0.5.5/HTMLImports.js"></script>
<script src="jspm_packages/system.js"></script>
<script src="config.js"></script>
<script>
    System.import('main').catch(console.error.bind(console));     
</script>

main.js

import {LogManager} from 'aurelia-framework';
import {ConsoleAppender} from 'aurelia-logging-console';
import {bootstrap} from 'aurelia-bootstrapper';

LogManager.addAppender(new ConsoleAppender());
LogManager.setLevel(LogManager.levels.debug);

export function configure(aurelia) {
    aurelia.use
        .defaultBindingLanguage()
        .defaultResources()
        .router()
        .eventAggregator()

        aurelia.start().then(a => a.setRoot('app', document.body));
}

app.js

export class App {

  constructor() {
      this.message = "";
  }
  activate() {
    this.message = "Hello, World!";
  }
  changeMessage() {
    this.message = "Goodbye!";
  }
}

app.html

<template>
  <div>
    <div>${message}</div>
    <button click.trigger="changeMessage()">Say Goodbye</button>
  </div>
</template>

Answer 1

我从skeleton navigation

中提取了这个内容

注意：目前HTMLImports polyfill中存在一个只出现在IE上的错误。我们已经通过修复程序向团队提交了拉取请求。同时，如果要在IE上进行测试，可以在加载system.js之前通过显式添加脚本标记来解决此问题。脚本标记看起来应该是这样的（确保版本号确定）

<script src="jspm_packages/github/webcomponents/webcomponentsjs@0.5.2/HTMLImports.js"></script>

我没有亲自测试过，但这听起来像是你问题的解决方案。

Aurelia IE11符号polyfill错误

1 个答案: