您好,我有一个使用 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>
最佳答案
据我所知,此问题与不支持 Shadow DOM 的 IE 11 相关以获取更多信息 (http://caniuse.com/#search=shadow%20dom)
关于internet-explorer - Polymer 1.0 显示空白页是 IE 11,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33082359/