I am getting this error when running ionic serve.I am using ion2-calender. The error is shown below
I used ion-calendar. I referred that from this link…
Everything worked fine expect for the back button and some icon.
How to add icons .Where should i make changes.
Ionic:
Ionic CLI : 5.4.15 (/usr/local/lib/node_modules/ionic)
Ionic Framework : @ionic/angular 5.0.0
@angular-devkit/build-angular : 0.803.25
@angular-devkit/schematics : 8.3.25
@angular/cli : 8.3.25
@ionic/angular-toolkit : 2.1.2
Utility:
cordova-res : not installed
native-run : not installed
System:
NodeJS : v10.15.2 (/usr/bin/node)
npm : 6.13.6
OS : Linux 5.3
Any help is highly appreciated.
Have you read this bug report?
1 Like
As @rapropos mentioned correctly, this is a Bug, because of the Breaking Changes in ionic icons from v4 to v5… As the Author of ion2-calendar
said:
Until ionicon 5 support is merged into this repo, feel free to point towards the latest commit in my fork:
"ion2-calendar": "https://github.com/shaneparsons/ion2-calendar#76ae1e241183500a377647b363c931a03aa50bca"
Open sublime text Ctrl-shift-f to search and replace all icons and add the ion2-calender folder in node_module
Find and replace these icons with ionic 5 icons you want
ios-arrow-forward
ios-arrow-back
md-arrow-dropdown
md-arrow-dropup’
Save all files and you’re good.
Hello. I was about to go mad with this error eventually I sorted it it because I had the CDN of Ionic in the app.component.html file
I had put there the CDN long ago and I had forgotten in there and it started to cause this error after a while. It was super weird as it happened from one day to the other. I just commented the line about the CDN
<!-- CDN Ionic -->
<!-- <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core/dist/ionic/ionic.esm.js"></script>
<script nomodule src="https://cdn.jsdelivr.net/npm/@ionic/core/dist/ionic/ionic.js"></script> -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core/css/ionic.bundle.css"/>