我正在尝试将我的应用程序从聚合物2升级到聚合物3。我试过使用模块化器,但应用程序坏了。这是一个大尺寸的应用程序,所以我计划逐个升级元素。是否有可能将部分应用(元素)升级为聚合物3。
我根据polymer 3语法转换了一个应用程序元素,然后尝试将其导入到下面这样的另一个元素中,但它不起作用。
参见下面的示例,
import { PolymerElement, html } from '@polymer/polymer/polymer-element.js';
import '@polymer/polymer/lib/elements/dom-if.js';
import '@polymer/paper-checkbox/';
import { setPassiveTouchGestures } from '@polymer/polymer/lib/utils/settings';
class StartPolymer3 extends PolymerElement {
static get properties () {
return {
message: {
type: String,
value: ''
},
};
}
constructor() {
super();
}
ready(){
super.ready();
}
static get template () {
return html`
<style>
paper-checkbox {
--paper-checkbox-checked-ink-color: #FFFFFF;
--paper-checkbox-unchecked-ink-color: #FFFFFF;
}
</style>
<h1>Start Polymer 3.0</h1>
<p>[[message]]</p>
<paper-checkbox id="omgpie">I like pie.</paper-checkbox>
`;
}
}
customElements.define('start-polymer3', StartPolymer3);
这里开始把polymer 3元素转换成polymer3元素,现在我应该在另一个写在polymer 2中的元素中使用这个。我试过像下面这样在polymer2元素,但它不工作。
<script type="module">
import { StartPolymer3 } from '../views/start-polymer3.js';
</script>
<start-polymer3 message="testHello"></start-polymer3>