Компонент StencilJs не отображается в другом проекте stenciljs

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

Веб-компонент импортируется, но как только я пытаюсь запустить компонент внутри проекта tsx stenciljs, я заметил следующее:

• реквизиты не передаются, CSS я вижу, что он применяется, но контент отсутствует
• если я добавляю что-то дополнительное на страницу, например, персонаж или что-то в этом роде, сервер разработки отображает веб-компонент (также пытался создать проект, такое же поведение)
• веб-компонент также содержит некоторые .svgs, помещенные в .tsx файлы в операторе возврата, даже после добавления символа на страницу эти значки по-прежнему не отображаются

Не уверен, что я здесь делаю что-то не так, достаточно странно, что как только я добавляю на страницу что-то еще, помимо этого веб-компонента, он вроде как отображается правильно.

Я импортирую веб-компонент в компонент внутри проекта stenciljs через:

import 'my-component-from-git' ‹- указывает на папку веб-компонентов в папке node_modules

Конфигурация веб-компонента stenciljs:

plugins: [
    sass()
  ],
namespace: 'my-component',
outputTargets: [
  {
      type: 'dist',
      esmLoaderPath: '../loader',
    },
    {
      type: 'dist-custom-elements-bundle',
    },
    {
      type: 'docs-readme',
    },
    {
      type: 'www',
      serviceWorker: null, // disable service workers
    },
  ],

Конфигурация проекта stenciljs:

globalStyle: 'src/global/app.css',
globalScript: 'src/global/app.ts',
taskQueue: 'async',
  plugins: [
    sass()
  ],
  outputTargets: [
    {
      type: 'www',
      // comment the following line to disable service workers in production
      serviceWorker: null,
      baseUrl: './../',
    },
  ],