Как напрямую обращаться к html файлам после angular сборки (Chrome Extension Development)

Question

Я пытаюсь создать пользовательскую панель в Chrome DevTools, используя Angular + Typescript.

Я смог добавить новую панель, используя следующий код:

chrome.devtools.panels.create('Test', 'test.png', './panel.component.html', function (panel) {
        console.log('hello from callback');
    });  

Я вижу новую панель под названием «Test» в области devtools и получаю журнал консоли, но пользовательский интерфейс отсутствует. Когда я делаю ng build, я вижу, что в папке выходного файла нет файла panel.component. html, поэтому недостающий интерфейс имеет смысл. Я знаю, что команда build все компилирует / упаковывает. Так как бы мне передать эту ссылку?

Answer 1

Не уверен, что это «правильный» способ сделать это, но вот что сработало для меня:

передать index.html в качестве параметра.

index. html имеет ссылку на <app-root></app-root> внутри приложения - root (он же root app.component. html) вставляет ссылку на компонент, который вы хотите использовать, в моем случае <app-panel></app-panel>

Теперь пользовательский интерфейс отображается правильно.

Я отмечаю это как принятое, но если у кого-то есть лучший ответ или если я делаю что-то здесь не так, я бы с радостью подумал ...