1
Мы планируем использовать Aurelia в нашем новом продукте и пытаемся сделать простой пример POC Aurelia, и я столкнулся с проблемой в IE11. Может ли кто-нибудь помочь в этом вопросе.Aurelia IE11 Symbol polyfill error
Благодарим за помощь.
Я создал этот пример, используя следующие команды из this link:
jspm install aurelia-framework
jspm install aurelia-bootstrapper
Ошибка:
Не удается определить свойство 'Символ (идентификатор) _h.zlr3taf0m51': объект не является расширяемым
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/[email protected]",
"mutationobservers": "github:polymer/[email protected]^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/[email protected]/es6-collections.js"></script>
<script src="jspm_packages/github/polymer/[email protected]/MutationObserver.js"></script>
<script src="jspm_packages/github/webcomponents/[email protected]/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>