DEV Community

Discussion on: ViteJS, Ionic Framework Beta v6, ReactJS And Capacitor Mobile Device Deployment

Collapse
 
uriannrima profile image
Luciano Lima • Edited

Thanks for bringing the tutorial Aaron, I'm trying to make some prototypes with Ionic v6 also, and was following your tutorial and everything should be working normally, but when you try to run the vite command, esbuild fails to build it because is missing some "attachShadow" method from stencil:

import { attachShadow, createEvent, h, Host, proxyCustomElement } from '@stencil/core/internal/client';
Enter fullscreen mode Exit fullscreen mode

It is a known issue as can be found here: github.com/ionic-team/ionic-framew...

If someone is having the same issue, you just have to install the correct @stencil/core version:

npm install @stencil/core@2.9.0
Enter fullscreen mode Exit fullscreen mode

Hope to help.

P.S.: It seems to not work when using yarn to install your packages, probably because of how yarn manages third party libraries dependencies. Using NPM works as expected.

Collapse
 
aaronksaunders profile image
Aaron K Saunders

looks like they already posted a work around - github.com/ionic-team/ionic-framew...