0

您好，我开始创建基本项目聚合物 init。只认为我改变是添加到polymer.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 中运行非常基本的示例。

4

1 回答 1

1

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

自定义元素-es5-adapter.js。这个小的 polyfill 允许你在支持原生自定义元素的浏览器上运行编译后的 ES5 元素。这在您需要为所有浏览器提供单个应用程序版本的静态服务环境中很有用。适配器在 ES6 和 Build for production 中有更详细的讨论。重要提示：es5 适配器必须位于 webcomponents polyfills（如果有）之前。

于 2019-01-02T10:12:14.173 回答