1

私たちは新製品で Aurelia を使用することを計画しており、単純な POC Aurelia の例を実行しようとしていますが、IE11 で問題に直面しています。誰でもこの問題を解決できますか。

ご協力いただきありがとうございます。

このリンクから以下のコマンドを使用して、この例を作成しました。

jspm install aurelia-framework
jspm install aurelia-bootstrapper

エラー：

プロパティ 'Symbol(id)_h.zlr3taf0m51' を定義できません: オブジェクトは拡張可能ではありません

パッケージ.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>
4

1 に答える 1