Ionicons return 404 in Ionic4
I updated npm today, and noticed many Ionic icons from ionicons.com return 404 error. I've found a workaround (basically, modifying the angular.json file). I'm not very comfortable with this, as I fear running into the same problem (and others) every time I update, considering this file must have been automatically modified by the updates I did. How do I fix this?
Ionic Info
Ionic CLI : 5.4.15 (%USER_HOME%\AppData\Roaming\npm\node_modules\ionic)
Ionic Framework : @ionic/angular 4.11.10
@angular-devkit/build-angular : 0.801.3
@angular-devkit/schematics : 8.1.3
@angular/cli : 8.1.3
@ionic/angular-toolkit : 2.1.2
Capacitor:
Capacitor CLI : 1.5.0
@capacitor/core : 1.5.0
Utility:
cordova-res : 0.9.0
native-run : 0.3.0
System:
NodeJS : v12.14.1 (C:\Program Files\nodejs\node.exe)
npm : 6.13.6
OS : Windows 10
Solution
Actually what happened was I was using v5 icons in v4. The problem wasn't the npm update which I did. So I just decided to upgrade to v5.
npm update -g cordova ionic
npm install @ionic/angular@5.0.0-rc.3
npm install @ionic/app-scripts@latest --save dev
Also, I'll like to point out, the usual Ionicicons.com link now contains only v5 icons. There's a new Ionicons v4 link. Icons from there work on v3 and v4.
- Template reference variable returns undefined inside ng-template
- How to modify data in an angular component when using async pipe
- Using ASP.NET MVC with Angular 2 RC 6 (Final)
- Losing reference to this in async function inside subscribe
- punycode is deprecated in npm - what should I replace it with?
- Enable to retrieve data initialize by a dispatched action when the component is mounted
- How do I implement paging (JwPaginationModule) in my Ionic app?
- Accessing Angular Typed Form Property from a FormArray in the HTML Template
- How to Integrate Monaco Editor in an Angular 16 Nx Project?
- Hide that website has been made with Angular
- Angular: 7.2.1 ES6 class ReferenceError : Cannot access 'X' before initialization
- How to use Observable to emit each value from an array after every 1 second(Angular 5)?
- Angular Directive - Change color of button on hover
- Why does CSP script-src unsafe-inline induce styling issues on my Angular webapp?
- Angular 8 ngFor not binding
- Is there a simple way to display a countdown to datetime in Angular?
- Variable Change Detection - Angular
- Creating a list of checkboxes with ngFor Angular
- Angular 4 Error: No provider for HttpClient
- How to reactively deal with a dynamic form in Angular Reactive Forms?
- How to populate a form from a list to update in Angular2?
- Type casting within a template in Angular 2
- How to replace ::ng-deep in Angular Material 15
- in Angular2 how to know when ANY form input field lost focus
- How do I get the index of object in array using angular?
- Angular FormGroup in Storybook: Converting circular structure to JSON
- Angular Reactive Form - ng-select in form array works remotely but fails when it's online
- IIS port numbers vs VS2022 port numbers
- Input File onchange event not firing
- How to resolve the PUT 422 (Unprocessable Content) error