Можно ли частично модернизировать полимер 3?

Я пытаюсь обновить свое приложение с полимера 2 на полимер 3. Я пробовал через модулятор, но приложение сломалось. Это приложение большого размера, поэтому я планирую обновлять элементы один за другим. Можно ли обновить часть приложения (элементов) до полимера 3.

Я преобразовал один из своих элементов приложения в соответствии с синтаксисом полимера 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);

Здесь элемент StartPolymer3 преобразован как элемент полимера 3, теперь я должен использовать его внутри другого элемента, который написан в полимере 2. Я пробовал, как показано ниже, внутри элемента полимера2, но он не работает.

 <script type="module">
   import { StartPolymer3 } from '../views/start-polymer3.js';
</script>

<start-polymer3 message="testHello"></start-polymer3>