首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >创建适用于ie11的基本示例聚合物3

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

Stack Overflow用户
提问于 2018-10-23 03:43:08
回答 1查看 524关注 0票数 0

你好,我开始创建基础项目聚合体初始化。我认为我所做的更改只是添加到polymer.json

代码语言:javascript
复制
  "builds": [
    {
      "js": {
        "compile": "es5"
      }
    }
  ]

在聚合物服务中,它是有效的。尽管如此,我还是想构建我的组件来运行。我使用聚合体构建。

构建过程仅返回polymer.json

代码语言:javascript
复制
{
  "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中运行

代码语言:javascript
复制
<!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>

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

EN

回答 1

Stack Overflow用户

发布于 2019-01-02 18:12:14

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

自定义元素-es5-Adapter.js。这个小polyfill允许您在支持本机自定义元素的浏览器上运行已编译的ES5元素。这在静态服务环境中非常有用,在这种环境中,您需要为所有浏览器提供单个应用程序版本。适配器在ES6和Build for production中有更详细的讨论。重要说明:如果有的话,es5适配器必须在webcomponents polyfills之前出现。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52936707

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档