2015-04-17 58 views
1

我们计划在我们的新产品中使用Aurelia并尝试做简单的POC Aurelia示例,并且我在IE11中遇到问题。任何人都可以帮助解决这个问题。Aurelia IE11符号填充错误

感谢您的帮助。

我已创建从this link使用下面的命令的例子:

jspm install aurelia-framework 
jspm install aurelia-bootstrapper 

错误:

无法定义属性 '符号(ID)_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> 

回答

0

我从skeleton navigation

Note: At present there is a bug in the HTMLImports polyfill which only occurs on IE. We have submitted a pull request to the team with the fix. In the mean time, if you want to test on IE, you can work around the issue by explicitly adding a script tag before you load system.js. The script tag should look something like this (be sure to confirm the version number)

<script src="jspm_packages/github/webcomponents/[email protected]/HTMLImports.js"></script> 

我没有亲自测试过这个拉,但它听起来像解决您的问题。