[英]Polymer 1.0 shows blank page is IE 11
嗨,我有一個使用Polymer 1.0構建的應用程序,並測試我的應用程序在chrome工作沒有問題。 但是在IE 11中我的索引頁面只是一個空白頁面,根據DOM瀏覽器沒有加載任何元素。 我在elements.html文件中導入元素。 雖然我的自定義元素直接添加到頭部。 在DOM資源管理器中,正文是空的。 我遺失的任何事情?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title></title>
<script type="text/javascript" src="bower_components/webcomponentsjs/webcomponents-lite.js"></script>
<link rel="import" href="bower_components/polymer/polymer.html">
<link rel="import" href="elements/elements.html">
<link rel="import" href="components/add-skill/add-skill.html">
<link rel="import" href="components/app-menu/app-menu.html">
<link rel="import" href="components/view-profile/view-profile.html">
<link rel="import" href="components/search-skill/search-skill.html">
<link rel="import" href="components/view-users/view-users.html">
<link rel="import" href="css/main.html">
</head>
<body class="fullbleed">
<template id="app" is="dom-bind">
<paper-drawer-panel>
<paper-header-panel main>
<paper-toolbar>
<div>Toolbar</div>
<paper-icon-button icon="menu" paper-drawer-toggle>
</paper-icon-button>
<span class="flex"></span>
<paper-button onclick="_logout()">
<div>Log out</div>
</paper-button>
</paper-toolbar>
<neon-animated-pages class="flex" selected="{{selected}}">
<view-profile></view-profile>
<add-skill></add-skill>
<search-skill></search-skill>
<view-users></view-users>
</neon-animated-pages>
</paper-header-panel>
<paper-header-panel drawer>
<paper-toolbar>
</paper-toolbar>
<paper-menu class="list" selected="{{selected}}">
<paper-item>
<iron-icon icon="account-circle"></iron-icon>
<span>Profile</span>
</paper-item>
<paper-item>
<iron-icon icon="add" on-click="showAddSkill"></iron-icon>
<span>Add Skills</span>
</paper-item>
<paper-item>
<iron-icon icon="search"></iron-icon>
<span>Search</span>
</paper-item>
<paper-item>
<iron-icon icon="android"></iron-icon>
<span>Users</span>
</paper-item>
</paper-menu>
</paper-header-panel>
</paper-drawer-panel>
</template>
<script src="scripts/app.js"></script>
</body>
</html>
據我所知,這個問題與IE 11有關,它不支持Shadow DOM以獲取更多信息( http://caniuse.com/#search=shadow%20dom )
您應該使用完整的webcomponents.js
來獲取webcomponents.js
。 IE11實際上是以這種方式支持的: https : //www.polymer-project.org/1.0/resources/compatibility.html#other-apis
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.