首页 文章

创建工作ie11的基本示例聚合物3

提问于
浏览
0

您好我开始创建基本项目聚合物初始化 . 只考虑我改变是添加到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中运行非常基本的示例 .

1 回答

  • 1

    根据 polymer 文档,它只能用于支持 ES6 的浏览器 .

    IE11不支持ES6 . 这就是您无法在IE11中运行聚合物代码的原因 .

    如果您查看Polymer的文档,那么您可以注意到他们已经提到了2个在线编辑器 . 这可能适用于所有支持的浏览器 .

    (1)StackBlitz

    (2)Glitch

    但我没有找到任何支持哪种浏览器的文档 . 我在IE 11上测试了两个 . 我发现在IE 11中使用StackBlitz运行Polymer的简单示例 . 所以你可以尝试一下 .

    参考:

    Polymer 3.0

相关问题