Stencil: Projects that depend on libs built with Stencil also require a dep on Stencil/core

Created on 28 Nov 2017  路  6Comments  路  Source: ionic-team/stencil

Our @ionic/angular lib, which has a devDependency on @ionic/core type definitions, cannot compile unless @stencil/core is also installed.

Steps to recreate:

1. Clone ionic repo
2. git checkout show-stencil-typings-dep
3. cd packages/angular
4. npm install
5. ./node_modules/.bin/ngc
6. Observe the typings error

node_modules/@ionic/core/dist/collection/components/action-sheet/action-sheet.d.ts(1,43): error TS2307: Cannot find module '@stencil/core'. node_modules/@ionic/core/dist/collection/components/action-sheet/action-sheet.d.ts(60,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/alert/alert.d.ts(1,43): error TS2307: Cannot find module '@stencil/core'. node_modules/@ionic/core/dist/collection/components/alert/alert.d.ts(62,47): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/alert/alert.d.ts(63,44): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/alert/alert.d.ts(64,44): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/alert/alert.d.ts(71,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/app/app.d.ts(20,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/avatar/avatar.d.ts(2,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/badge/badge.d.ts(14,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/button/button.d.ts(81,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/buttons/buttons.d.ts(4,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/card/card.d.ts(14,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/card-content/card-content.d.ts(14,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/card-header/card-header.d.ts(24,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/card-title/card-title.d.ts(18,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/utils/input-interfaces.d.ts(1,30): error TS2307: Cannot find module '@stencil/core'. node_modules/@ionic/core/dist/collection/components/checkbox/checkbox.d.ts(2,30): error TS2307: Cannot find module '@stencil/core'. node_modules/@ionic/core/dist/collection/components/checkbox/checkbox.d.ts(66,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/chip/chip.d.ts(14,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/chip-button/chip-button.d.ts(45,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/content/content.d.ts(50,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/datetime/datetime.d.ts(1,30): error TS2307: Cannot find module '@stencil/core'. node_modules/@ionic/core/dist/collection/components/datetime/datetime.d.ts(187,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/fab/fab-container.d.ts(90,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/fab/fab-list.d.ts(34,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/fab/fab.d.ts(96,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/footer/footer.d.ts(16,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/gesture/gesture.d.ts(2,30): error TS2307: Cannot find module '@stencil/core'. node_modules/@ionic/core/dist/collection/components/header/header.d.ts(16,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/infinite-scroll/infinite-scroll.d.ts(1,30): error TS2307: Cannot find module '@stencil/core'. node_modules/@ionic/core/dist/collection/components/infinite-scroll/infinite-scroll.d.ts(82,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/infinite-scroll/infinite-scroll-content.d.ts(16,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/input/input-base.d.ts(1,30): error TS2307: Cannot find module '@stencil/core'. node_modules/@ionic/core/dist/collection/components/input/input.d.ts(1,30): error TS2307: Cannot find module '@stencil/core'. node_modules/@ionic/core/dist/collection/components/input/input.d.ts(177,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/item/item.d.ts(24,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/item-divider/item-divider.d.ts(14,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/item-sliding/item-option.d.ts(32,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/item-sliding/item-sliding.d.ts(1,30): error TS2307: Cannot find module '@stencil/core'. node_modules/@ionic/core/dist/collection/components/item-sliding/item-sliding.d.ts(212,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/keyboard-controller/keyboard-controller.d.ts(1,30): error TS2307: Cannot find module '@stencil/core'. node_modules/@ionic/core/dist/collection/components/label/label.d.ts(1,30): error TS2307: Cannot find module '@stencil/core'. node_modules/@ionic/core/dist/collection/components/label/label.d.ts(39,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/list/list.d.ts(7,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/list-header/list-header.d.ts(14,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/loading/loading.d.ts(2,30): error TS2307: Cannot find module '@stencil/core'. node_modules/@ionic/core/dist/collection/components/loading/loading.d.ts(60,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/menu/menu.d.ts(1,30): error TS2307: Cannot find module '@stencil/core'. node_modules/@ionic/core/dist/collection/components/menu/menu.d.ts(106,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/modal/modal.d.ts(1,30): error TS2307: Cannot find module '@stencil/core'. node_modules/@ionic/core/dist/collection/components/modal/modal.d.ts(50,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/nav/nav.d.ts(1,30): error TS2307: Cannot find module '@stencil/core'. node_modules/@ionic/core/dist/collection/components/nav/nav.d.ts(53,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/nav-controller/nav-controller.d.ts(17,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/note/note.d.ts(14,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/page/page.d.ts(2,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/picker/picker.d.ts(2,43): error TS2307: Cannot find module '@stencil/core'. node_modules/@ionic/core/dist/collection/components/picker/picker.d.ts(69,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/popover/popover.d.ts(1,30): error TS2307: Cannot find module '@stencil/core'. node_modules/@ionic/core/dist/collection/components/popover/popover.d.ts(63,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/radio/radio.d.ts(2,87): error TS2307: Cannot find module '@stencil/core'. node_modules/@ionic/core/dist/collection/components/radio/radio.d.ts(70,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/radio-group/radio-group.d.ts(1,48): error TS2307: Cannot find module '@stencil/core'. node_modules/@ionic/core/dist/collection/components/radio-group/radio-group.d.ts(29,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/range/range-knob.d.ts(1,30): error TS2307: Cannot find module '@stencil/core'. node_modules/@ionic/core/dist/collection/components/range/range-knob.d.ts(33,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/range/range.d.ts(1,30): error TS2307: Cannot find module '@stencil/core'. node_modules/@ionic/core/dist/collection/components/range/range.d.ts(125,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/reorder/reorder-group.d.ts(167,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/reorder/reorder.d.ts(5,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/scroll/scroll.d.ts(1,30): error TS2307: Cannot find module '@stencil/core'. node_modules/@ionic/core/dist/collection/components/scroll/scroll.d.ts(48,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/searchbar/searchbar.d.ts(1,30): error TS2307: Cannot find module '@stencil/core'. node_modules/@ionic/core/dist/collection/components/searchbar/searchbar.d.ts(140,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/segment/segment.d.ts(1,30): error TS2307: Cannot find module '@stencil/core'. node_modules/@ionic/core/dist/collection/components/segment/segment.d.ts(35,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/segment-button/segment-button.d.ts(1,30): error TS2307: Cannot find module '@stencil/core'. node_modules/@ionic/core/dist/collection/components/segment-button/segment-button.d.ts(41,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/select/select-popover.d.ts(1,30): error TS2307: Cannot find module '@stencil/core'. node_modules/@ionic/core/dist/collection/components/select/select-popover.d.ts(24,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/select-option/select-option.d.ts(1,30): error TS2307: Cannot find module '@stencil/core'. node_modules/@ionic/core/dist/collection/components/select-option/select-option.d.ts(21,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/select/select.d.ts(1,30): error TS2307: Cannot find module '@stencil/core'. node_modules/@ionic/core/dist/collection/components/select/select.d.ts(98,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/skeleton-text/skeleton-text.d.ts(3,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/slides/slide.d.ts(20,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/slides/slides.d.ts(1,30): error TS2307: Cannot find module '@stencil/core'. node_modules/@ionic/core/dist/collection/components/slides/slides.d.ts(146,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/split-pane/split-pane.d.ts(1,30): error TS2307: Cannot find module '@stencil/core'. node_modules/@ionic/core/dist/collection/components/split-pane/split-pane.d.ts(154,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/tabs/tab.d.ts(1,30): error TS2307: Cannot find module '@stencil/core'. node_modules/@ionic/core/dist/collection/components/tabs/tabs.d.ts(1,30): error TS2307: Cannot find module '@stencil/core'. node_modules/@ionic/core/dist/collection/components/tabs/tabs.d.ts(200,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/thumbnail/thumbnail.d.ts(2,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/title/title.d.ts(4,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/toast/toast.d.ts(1,30): error TS2307: Cannot find module '@stencil/core'. node_modules/@ionic/core/dist/collection/components/toast/toast.d.ts(60,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/toggle/toggle.d.ts(2,30): error TS2307: Cannot find module '@stencil/core'. node_modules/@ionic/core/dist/collection/components/toggle/toggle.d.ts(74,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/toolbar/navbar.d.ts(54,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/toolbar/toolbar.d.ts(30,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/card-subtitle/card-subtitle.d.ts(18,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/input/textarea.d.ts(1,30): error TS2307: Cannot find module '@stencil/core'. node_modules/@ionic/core/dist/collection/components/input/textarea.d.ts(175,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/item-sliding/item-options.d.ts(1,30): error TS2307: Cannot find module '@stencil/core'. node_modules/@ionic/core/dist/collection/components/item-sliding/item-options.d.ts(38,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/nav/page-one.d.ts(5,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/nav/page-three.d.ts(5,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/nav/page-two.d.ts(6,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/router/route.d.ts(1,30): error TS2307: Cannot find module '@stencil/core'. node_modules/@ionic/core/dist/collection/components/tabs/tab-button.d.ts(1,30): error TS2307: Cannot find module '@stencil/core'. node_modules/@ionic/core/dist/collection/components/tabs/tabbar.d.ts(20,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/tabs/test/basic/page-tab.d.ts(12,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components/tabs/test/translucent/translucent-page-tab.d.ts(12,19): error TS2694: Namespace 'global.JSX' has no exported member 'Element'. node_modules/@ionic/core/dist/collection/components.d.ts(36,8): error TS2307: Cannot find module '@stencil/core'. node_modules/@ionic/core/dist/collection/components.d.ts(67,65): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(97,55): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(136,59): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(166,49): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(208,63): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(238,47): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(268,50): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(298,52): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(328,49): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(360,50): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(406,51): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(436,55): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(468,54): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(501,56): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(533,53): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(565,48): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(597,52): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(633,54): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(668,48): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(700,51): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(734,52): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(783,47): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(813,51): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(844,53): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(882,50): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(913,61): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(943,51): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(991,47): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(1021,48): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(1051,47): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(1081,50): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(1112,65): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(1144,58): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(1177,49): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(1233,52): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(1279,55): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(1311,54): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(1345,55): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(1376,55): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(1406,48): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(1439,62): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(1469,49): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(1504,54): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(1536,48): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(1566,61): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(1596,51): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(1635,58): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(1665,48): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(1703,59): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(1733,49): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(1773,57): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(1804,62): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(1834,47): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(1867,48): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(1897,50): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(1927,48): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(1957,48): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(1989,48): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(2019,60): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(2049,56): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(2080,50): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(2121,61): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(2151,51): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(2193,54): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(2227,49): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(2263,53): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(2302,49): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(2343,56): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(2374,51): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(2404,53): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(2436,49): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(2469,60): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(2499,50): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(2534,53): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(2576,57): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(2611,51): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(2645,56): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(2678,57): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(2710,50): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(2749,56): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(2780,49): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(2810,50): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(2854,51): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(2889,53): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(2921,53): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(2953,56): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(2984,47): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(3024,50): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(3060,48): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(3096,48): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(3126,59): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(3156,53): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(3186,49): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(3216,59): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(3246,49): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(3287,50): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(3323,50): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(3357,51): error TS2304: Cannot find name 'HTMLAttributes'. node_modules/@ionic/core/dist/collection/components.d.ts(3390,49): error TS2304: Cannot find name 'HTMLAttributes'.

Thanks,
Dan

bug
Source
picture danbucholtz

All 6 comments

I think we might change the types a bit here to account for some of these issues. Component render does not return a JSX.Element but it does return a VDom Node. The vdom definition should probably be included in the components.d.ts file.

Because we are bundling much of the stencil surface area within component packages then it makes sense to also bundle these required types as well. @adamdbradley any thoughts on this.

jthoms1 picture jthoms1 on 15 Dec 2017

Goal is to not have @stencil/core as a dependency at all. Looks like it's looking for HTMLAttributes and Element right? Can those come from the standard dom types and not stencil?

adamdbradley picture adamdbradley on 15 Dec 2017

so, I'm experiencing an issue with typings in an Angular 4+ app. Let me describe it below:

  1. my component class isn鈥檛 exported by dist/components.d.ts. I can鈥檛 modify it manually with an export { MyThing } from 'components/my-thing/my-thing' but of course that will be wiped out in the next build. I tried to create anindex.d.tsin the project root folder and export from it, but ascomponents.d.tsis hidingcomponents` folder content, that doesn鈥檛 work either.

  2. even after manually solved the issue above, I still get these error messages when compiling my Angular app:

[at-loader] ../c4re-my-thing/node_modules/@stencil/core/util/interfaces.d.ts:32:33
    ',' expected.

[at-loader] ../c4re-my-thing/node_modules/@stencil/core/util/interfaces.d.ts:844:37
    ',' expected.

[at-loader] ../c4re-my-thing/dist/types/components/my-thing/my-thing.d.ts:21:19
    Generic type 'EventEmitter<T, any>' requires 2 type argument(s).

[at-loader] ../c4re-my-thing/node_modules/@stencil/core/util/interfaces.d.ts:6:53
    Generic type 'EventEmitterData<T, any>' requires 2 type argument(s).

[at-loader] ../c4re-my-thing/node_modules/@stencil/core/util/interfaces.d.ts:32:35
    Type parameter name cannot be 'any'

[at-loader] ../c4re-my-thing/node_modules/@stencil/core/util/interfaces.d.ts:823:56
    Generic type 'EventEmitterData<T, any>' requires 2 type argument(s).

[at-loader] ../c4re-my-thing/node_modules/@stencil/core/util/interfaces.d.ts:844:39
    Type parameter name cannot be 'any'

this is how my main types file imports them:

/// <reference path="../node_modules/@stencil/core/index.d.ts" />
/// <reference path="../node_modules/c4re-my-thing/dist/types/components.d.ts" />

I tried to follow the same approach as in https://github.com/evertonrobertoauler/ionic4-angular , but I modified as I couldn't get it working.

My project isn't based on angular-cli though (it's older than it), so I use Webpack + awesome-typescript-loader which works fine for all other typing cases.

marinho picture marinho on 22 Dec 2017

This also causes issues when trying to use @ionic/core (or any other stencil-based lib) with TypeScript and @types/react or preact. This is due to unresolvable collisions in IntrinsicElements.

Full error text:

node_modules/@stencil/core/util/jsx-interfaces.d.ts(9,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'slot' must be of type 'HTMLAttributes', but here has type 'SlotAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(10,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'a' must be of type 'HTMLAttributes', but here has type 'AnchorHTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(11,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'abbr' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(12,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'address' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(13,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'area' must be of type 'HTMLAttributes', but here has type 'AreaHTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(14,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'article' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(15,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'aside' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(16,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'audio' must be of type 'HTMLAttributes', but here has type 'AudioHTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(17,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'b' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(18,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'base' must be of type 'HTMLAttributes', but here has type 'BaseHTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(19,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'bdi' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(20,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'bdo' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(21,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'big' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(22,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'blockquote' must be of type 'HTMLAttributes', but here has type 'BlockquoteHTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(23,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'body' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(24,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'br' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(25,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'button' must be of type 'HTMLAttributes', but here has type 'ButtonHTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(26,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'canvas' must be of type 'HTMLAttributes', but here has type 'CanvasHTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(27,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'caption' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(28,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'cite' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(29,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'code' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(30,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'col' must be of type 'HTMLAttributes', but here has type 'ColHTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(31,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'colgroup' must be of type 'HTMLAttributes', but here has type 'ColgroupHTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(32,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'data' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(33,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'datalist' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(34,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'dd' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(35,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'del' must be of type 'HTMLAttributes', but here has type 'DelHTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(36,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'details' must be of type 'HTMLAttributes', but here has type 'DetailsHTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(37,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'dfn' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(38,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'dialog' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(39,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'div' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(40,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'dl' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(41,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'dt' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(42,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'em' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(43,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'embed' must be of type 'HTMLAttributes', but here has type 'EmbedHTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(44,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'fieldset' must be of type 'HTMLAttributes', but here has type 'FieldsetHTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(45,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'figcaption' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(46,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'figure' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(47,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'footer' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(48,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'form' must be of type 'HTMLAttributes', but here has type 'FormHTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(49,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'h1' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(50,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'h2' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(51,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'h3' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(52,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'h4' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(53,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'h5' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(54,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'h6' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(55,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'head' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(56,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'header' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(58,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'hr' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(59,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'html' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(60,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'i' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(61,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'iframe' must be of type 'HTMLAttributes', but here has type 'IframeHTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(62,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'img' must be of type 'HTMLAttributes', but here has type 'ImgHTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(63,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'input' must be of type 'HTMLAttributes', but here has type 'InputHTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(64,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'ins' must be of type 'HTMLAttributes', but here has type 'InsHTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(65,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'kbd' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(66,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'keygen' must be of type 'HTMLAttributes', but here has type 'KeygenHTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(67,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'label' must be of type 'HTMLAttributes', but here has type 'LabelHTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(68,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'legend' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(69,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'li' must be of type 'HTMLAttributes', but here has type 'LiHTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(70,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'link' must be of type 'HTMLAttributes', but here has type 'LinkHTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(71,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'main' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(72,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'map' must be of type 'HTMLAttributes', but here has type 'MapHTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(73,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'mark' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(74,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'menu' must be of type 'HTMLAttributes', but here has type 'MenuHTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(75,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'menuitem' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(76,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'meta' must be of type 'HTMLAttributes', but here has type 'MetaHTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(77,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'meter' must be of type 'HTMLAttributes', but here has type 'MeterHTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(78,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'nav' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(79,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'noscript' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(80,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'object' must be of type 'HTMLAttributes', but here has type 'ObjectHTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(81,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'ol' must be of type 'HTMLAttributes', but here has type 'OlHTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(82,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'optgroup' must be of type 'HTMLAttributes', but here has type 'OptgroupHTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(83,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'option' must be of type 'HTMLAttributes', but here has type 'OptionHTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(84,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'output' must be of type 'HTMLAttributes', but here has type 'OutputHTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(85,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'p' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(86,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'param' must be of type 'HTMLAttributes', but here has type 'ParamHTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(87,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'picture' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(88,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'pre' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(89,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'progress' must be of type 'HTMLAttributes', but here has type 'ProgressHTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(90,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'q' must be of type 'HTMLAttributes', but here has type 'QuoteHTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(91,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'rp' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(92,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'rt' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(93,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'ruby' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(94,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 's' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(95,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'samp' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(96,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'script' must be of type 'HTMLAttributes', but here has type 'ScriptHTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(97,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'section' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(98,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'select' must be of type 'HTMLAttributes', but here has type 'SelectHTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(99,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'small' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(100,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'source' must be of type 'HTMLAttributes', but here has type 'SourceHTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(101,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'span' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(102,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'strong' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(103,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'style' must be of type 'HTMLAttributes', but here has type 'StyleHTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(104,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'sub' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(105,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'summary' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(106,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'sup' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(107,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'table' must be of type 'HTMLAttributes', but here has type 'TableHTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(108,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'tbody' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(109,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'td' must be of type 'HTMLAttributes', but here has type 'TdHTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(110,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'textarea' must be of type 'HTMLAttributes', but here has type 'TextareaHTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(111,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'tfoot' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(112,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'th' must be of type 'HTMLAttributes', but here has type 'ThHTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(113,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'thead' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(114,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'time' must be of type 'HTMLAttributes', but here has type 'TimeHTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(115,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'title' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(116,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'tr' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(117,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'track' must be of type 'HTMLAttributes', but here has type 'TrackHTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(118,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'u' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(119,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'ul' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(120,13): error TS2403: Subsequent variable declarations must have the same type.  Variable ''var'' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(121,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'video' must be of type 'HTMLAttributes', but here has type 'VideoHTMLAttributes'.
node_modules/@stencil/core/util/jsx-interfaces.d.ts(122,13): error TS2403: Subsequent variable declarations must have the same type.  Variable 'wbr' must be of type 'HTMLAttributes', but here has type 'HTMLAttributes'.
kgroat picture kgroat on 26 Dec 2017

@marinho, check out how we do this in @ionic/core. It's in the ionic repo, on the core branch. Basically we have index.d.ts that has export * from ./components.

We can also add our class/instance types to this file if you so desire. In general, though, the element itself is the public API so you should call methods or use events/props on it to talk to the instance.

Thanks,
Dan

danbucholtz picture danbucholtz on 12 Jan 2018
👍1

@kgroat our next release should have the global JSX namespace collision fixed, thanks for reporting it.

@danbucholtz I also think this is fixed with the removals of stencil/core imports. I'll close this issue for now and we can chat on slack, thanks.

adamdbradley picture adamdbradley on 24 Jan 2018
👍1
Was this page helpful?
0 / 5 - 0 ratings

Related issues

elmariofredo picture elmariofredo  路  3Comments
joewoodhouse picture joewoodhouse  路  3Comments
noahlaux picture noahlaux  路  3Comments
lcswillems picture lcswillems  路  3Comments
guidoknoll picture guidoknoll  路  3Comments