Включение нескольких веб-компонентов в одну библиотеку

Question

Я хотел бы определить несколько веб-компонентов в одной библиотеке. Как это:

library myapp; 

import 'package:web_ui/web_ui.dart'; 

class Component1 extends WebComponent { 
    int count = 0; 
    void increment() { 
    count++; 
    } 
} 

class Component2 extends WebComponent { 
    int count = 0; 
    void increment() { 
    count++; 
    } 
} 

, а затем использовать их в HTML файл, например так:

<script type="application/dart" src="myapp.dart"></script> 

<element name="x-component1" constructor="Component1" extends="div"> 
    <template> 
    <button on-click="increment()">Click me</button> 
    <span>(click count: {{count}})</span> 
    </template> 
</element> 

<element name="x-component2" constructor="Component2" extends="div"> 
    <template> 
    <button on-click="increment()">Click me</button> 
    <span>(click count: {{count}})</span> 
    </template> 
</element> 

<div is="x-component1"></div> 
<div is="x-component2"></div> 

Когда я пытаюсь запустить эту программу, я не получаю:

Нет конструктор «COMPONENT1 .forElement 'объявлен в классе' Component1 '.

Мой вопрос:

Есть ли способ, чтобы положить несколько классов веб-компонентов в одну библиотеку? Это похоже на то, что каждый веб-компонент должен быть определен в своей собственной библиотеке.

Answer 1

Я не думаю, что есть способ сделать эту работу на данный момент. Я открыл: https://github.com/dart-lang/web-ui/issues/389, чтобы отследить ошибку.