2015-04-17 55 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> 

我沒有親自測試過這個拉,但它聽起來像解決您的問題。