Using Ionic-4 webcomponents in Aurelia framework

Ionic Framework
1

Hi everyone,

When I saw that Ionic is moving to webcomponents I was very happy because ionic components looks very polished and rich so I decided to create PWA with Aurelia Framework which supports webcomponents and just found someone telling that I need to add <script src=“https://unpkg.com/@ionic/core@0.0.2-20/dist/ionic.js”></script> to make it work and partially it works, but for example in ion-card ion-image doesnt work… Do you have any tutorial or ducumentantation on how to use Ionic with other frameworks ?

2

You probably have to include the css too

<link href="https://unpkg.com/@ionic/core@latest/css/ionic.bundle.css" rel="stylesheet">

Just in case I wrote a tutorial about how to include Ionic anywhere https://medium.com/@david.dalbusco/using-ionic-without-any-frameworks-775dc757e5e8

Or if you would like to bundle Ionic using Webpack instead of <script/> I do it in DeckDeckGo, you could have a look in its starter kit https://github.com/fluster/deckdeckgo-starter

3

Thanks, it worked. I needed to add styles!

1 Like