在Polymer 3.0应用程序中使用Polymer 2.0组件-Java 学习之路

目前我将Polymer 2.0应用程序迁移到Polymer 3.0 . 但目前可以理解的是，很多组件仍然没有迁移，（例如，例如vaadin-gid） .

如何在迁移的Polymer 3应用程序中使用这些Polymer 2组件？

1 回答

在 <head> 中基本添加此代码并删除 /bower_components/polymer 文件夹

<script type="module">
        import {PolymerElement} from '@polymer/polymer/polymer-element.js';

        window.Polymer = {
            Element: PolymerElement
        };

        window.loadElement = function(filename) {
            var l = document.createElement('link');
            l.rel = 'import';
            l.href = filename
            var h = document.getElementsByTagName('head')[0];
            h.parentNode.insertBefore(l, h);
        }
        // Load de main element
        loadElement('/main-poly2.html');
</script>

在聚合物2中加载聚合物3元素

<script type="module">
        import './poly3-element'

        class MainPoly2 extends Polymer.Element {
            ...
        }
</script>

在聚合物3中加载聚合物2元素

import {PolymerElement, html} from '/node_modules/@polymer/polymer/polymer-element.js';
loadElement('/poly2-element.html');

class Poly3Element extends PolymerElement {
    ....
}

我写了一个例子：

https://github.com/herberthobregon/polymer2-3

它有效，但聚合物团队没有回答我，如果实施是正确的，但有效

回复于 2024-04-28T19:37:59+08:00

在Polymer 3.0应用程序中使用Polymer 2.0组件

1 回答

相关问题