Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

IonIcons 404 Error after upgrade

See original GitHub issue

Bug Report

Ionic version:

[x] 4.9

Current behavior:

After running npm ionic i -g --save on a project the ionicons can not be found (404)

Expected behavior:

In Ionic version 4.8.0 icons would show up.

Steps to reproduce:

After running npm ionic i -g --save on a project the ionicons can not be found (404) “ionic”: “^4.9.0”, “ionicons”: “^4.5.5”, Related code:

 <ion-icon name="medal"></ion-icon>

Other information:

Ionic info:

Ionic:

   ionic (Ionic CLI)             : 4.9.0
   Ionic Framework               : @ionic/angular 4.0.0
   @angular-devkit/build-angular : 0.12.2
   @angular-devkit/schematics    : 7.1.4
   @angular/cli                  : 7.1.4
   @ionic/angular-toolkit        : 1.2.2

System:

   NodeJS : v8.12.0 (C:\Program Files\nodejs\node.exe)
   npm    : 6.4.1
   OS     : Windows 10
![ionicon-404](https://user-images.githubusercontent.com/45851367/51633384-86f28a00-1f1f-11e9-9130-c1d77a7e3ca2.PNG)

Issue Analytics

State:
Created 5 years ago
Reactions:2
Comments:10 (4 by maintainers)

Top GitHub Comments

3reactions

manucorporatcommented, Jan 23, 2019

You have to update the angular.json to copy the icons into the final www: https://github.com/ionic-team/ionic/blob/master/CHANGELOG.md#breaking-changes-2

1reaction

brandyscarneycommented, Jan 23, 2019

@hvlg-blaire I think there is some confusion here. The ionic package is the Ionic CLI, which is installed globally using:

npm i -g ionic

The @ionic/angular package is the Ionic Framework with the Angular bindings and should be installed from within the project (not globally):

npm install @ionic/angular@latest

The latest version of the CLI is 4.9.0 and the Framework is @ionic/angular 4.0.0.

As Manu stated, there was a breaking change requiring the ionicons to be included in the angular.json file. It is included in our starters: https://github.com/ionic-team/starters/blob/master/angular/base/angular.json

I’m not seeing the original issue in a freshly created Ionic 4 project. If you’re still seeing it with the above added - could you please provide steps to reproduce and/or a project that reproduces it. Thanks!