创建适用于 ie11 的基本示例聚合物 3



你好,我开始创建基本的项目聚合物初始化。只认为我改变的是添加到聚合物.json

"builds": [
{
"js": {
"compile": "es5"
}
}
]

在聚合物服务中,它起作用。我仍然想构建我的组件来运行。 我使用聚合物构建。

构建过程仅返回 polymer.json

{
"entrypoint": "index.html",
"fragments": [],
"sources": [
"src/**/*",
"index.html"
],
"extraDependencies": [
"bower_components/webcomponentsjs/*.js"
],
"builds": [
{
"js": {
"compile": true
}
}
],
"lint": {
"rules": [
"polymer-3"
]
},
"npm": true,
"componentDir": "node_modules/",
"moduleResolution": "node"
}

当我创建代码在 Opera 中运行的示例服务器时

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
<title>aaaaaa</title>
<script src="/node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
<script src="/node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
<script src="/node_modules/@webcomponents/webcomponentsjs/custom-elements-es5-adapter.js"></script>
<script defer type="module" src="/test1-element.js"></script>
</head>
<body>
<h1>aaaa</h1>
<test1-element prop1="test1text"></test1-element>
</body>
</html>

我应该怎么做才能在IE 11中运行非常基本的示例。

我认为您的脚本标签顺序错误:(我自己还没有尝试过,目前我只是在研究(: https://polymer-library.polymer-project.org/3.0/docs/polyfills

custom-elements-es5-adapter.js。这个小的 polyfill 允许您在支持本机自定义元素的浏览器上运行已编译的 ES5 元素。这在需要向所有浏览器提供单个应用程序版本的静态服务环境中非常有用。适配器在 ES6 和生产构建中进行了更详细的讨论。重要说明:es5 适配器必须位于 Webcomponents 填充码之前(如果有(。

相关内容

最新更新