Vite-Compatibility

[DotCoyote]

Currently this package doesn't work with Vite, but with webpack only. Is there any plan to make it compatible?

[DotCoyote]

/app/node_modules/.vite/@telekom_scale-components_loader.js
3020|      return module[exportName];
3021|    }
3022|    return import(
   |                  ^
3023|      /* webpackInclude: /\.entry\.js$/ */
3024|      /* webpackExclude: /\.system\.entry\.js$/ */
The above dynamic import cannot be analyzed by vite.
See https://github.com/rollup/plugins/tree/master/packages/dynamic-import-vars#limitations for supported dynamic import formats. If this is intended to be left as-is, you can use the /* @vite-ignore */ comment inside the import() call to suppress this warning.

[acstll]

It's a known issue. Please see #369 and ionic-team/stencil#2827

It's not directly in our hands to fix this, but we'll be glad to help.

I'm thinking you've already guessed the problem lies within Stencil's lazy loading mechanics.

A workaround (I use myself) is to load Scale via plain old script tags (either from node_modules or somewhere else) in your index.html, like this: https://github.com/telekom/scale#setup-with-plain-html — I hope this helps

[DotCoyote]

Thanks for the quick reply! Yeah, we're using that workaround for now, but of course it'd be nice to have the typescript support in the IDE 😉

But I will watch your linked issues!

[acstll]

I agree a 100%. Better IDE support is in our roadmap 🤓 Thank you for the feedback!

[schrej]

Seems this issue is now fixed in stencil: ionic-team/stencil#2827 (comment)
A feature flag is necessary to enable the fix though.

[acstll]

Thank you @schrej!