Ionic vanilla JS has different styles from Ionic with Angular 7

ionic-v1
1

I am using the unpkg CDN in order to serve the Ionic 4 core and load it to my project.

However, those styles are different from those in Angular 7 based project.

For example, tabs has no ripple or any animation when click, menu is tinier, this for example:

<div>
  <ion-ripple-effect></ion-ripple-effect>
  A plain div with a ripple effect
</div>

doesn’t work at all - it’s just a plain div with text (without the ripple).

Resources:

<!-- core css -->
<link href="https://unpkg.com/@ionic/core@latest/css/ionic.bundle.css" />
<!-- Ionic core -->
  <script src="https://unpkg.com/@ionic/core@4.0.2/dist/ionic.js"></script>
  <!-- Ionic icons -->
  <script src="https://unpkg.com/ionicons@latest/dist/ionicons.js"></script>