ionic-team / stencil

A toolchain for building scalable, enterprise-ready component systems on top of TypeScript and Web Component standards. Stencil components can be distributed natively to React, Angular, Vue, and traditional web developers from a single, framework-agnostic codebase.
https://stenciljs.com
Other
12.52k stars 782 forks source link

Main component using 2 components in published libraries - one of them doesn't load #2578

Open lpalbou opened 4 years ago

lpalbou commented 4 years ago

Stencil version:

@stencil/core@1.16.3

I'm submitting a:

[x] bug report [ ] feature request [ ] support request => Please do not submit support requests here, use one of these channels: https://stencil-worldwide.herokuapp.com/ or https://forum.ionicframework.com/

Current behavior: I created two separate web components with stenciljs that by design can be used together or separately. They are published on NPM:

When used separately, they work fine. I then created a third component (npm init stencil / web component) and added those two libraries through npm install --save xxx. This third component is to handle basic interactions and I also published this NPM package: https://www.npmjs.com/package/@geneontology/wc-go-ribbon .

Only the first library (wc-ribbon-strips) gets loaded and not the second one (wc-ribbon-table). It looks like the custom tag for the table is not recognized (library not loaded ?) as it does get added to the DOM with the correct attributes but without rendering anything and with a size of (0,0). I extended the display area to double check that nothing was rendered.

If I add to my html page a Githubissues.

  • Githubissues is a development platform for aggregating issues.