Failed to load resource: the server responded with a status of 404 (Not Found) in ion-calendar

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"/>