L9: @import "ionicons-icons"; not found IONIC SERVE!

When running IONIC SERVE I have suddenly started getting this error.

sass: node_modules/ionic-angular/fonts/ionicons.scss, line: 9
File to import not found or unreadable: ionicons-icons. Parent style sheet:

   L9:  @import "ionicons-icons";
  L10:  @import "ionicons-variables";

Here is my IONIC INFO output.


I have also ran the following commands to make sure I have all the latest updates:

  1. npm install npm@latest -g
  2. npm update -g cordova ionic
  3. Deleted node_modules and re-ran NPM INSTALL

Rerun ionic info after the updates please.
Post your package.json content please.

Thanks for your reply. Here is the info you asked for:
“name”: “xxxx”,
“author”: “xxxx”,
“homepage”: “xxxx”,
“private”: true,
“scripts”: {
“ionic:build”: “ionic-app-scripts build --prod”,
“ionic:serve”: “ionic-app-scripts serve --dev”
“dependencies”: {
"@angular/common": “^4.2.3”,
"@angular/compiler": “^4.2.3”,
"@angular/compiler-cli": “^4.2.3”,
"@angular/core": “^4.2.3”,
"@angular/forms": “^4.2.3”,
"@angular/http": “^4.2.3”,
"@angular/platform-browser": “^4.2.3”,
"@angular/platform-browser-dynamic": “^4.2.3”,
"@angular/platform-server": “^4.2.3”,
"@ionic-native/android-fingerprint-auth": “^3.12.1”,
"@ionic-native/core": “^3.12.1”,
"@ionic-native/splash-screen": “^3.12.1”,
"@ionic-native/status-bar": “^3.12.1”,
"@ionic/cloud-angular": “^0.12.0”,
"@ionic/storage": “^2.0.1”,
“angular2-google-maps”: “^0.17.0”,
“gulp-sass”: “^3.1.0”,
“intl”: “^1.2.5”,
“ionic-angular”: “^3.4.2”,
“ionicons”: “3.0.0”,
“latest-version”: “^3.1.0”,
“lodash”: “^4.17.4”,
“mime-types”: “^2.1.15”,
“moment”: “^2.18.1”,
“rxjs”: “^5.4.1”,
“sw-toolbox”: “3.6.0”,
“uuid”: “^3.1.0”,
“zone.js”: “0.8.12”
“devDependencies”: {
"@ionic/app-scripts": “^1.3.7”,
“typescript”: “2.3.4”
“cordovaPlugins”: [
“id”: “phonegap-plugin-push”,
“locator”: “phonegap-plugin-push”,
“variables”: {
“SENDER_ID”: “xxxx”
“locator”: “https://github.com/mapsplugin/cordova-plugin-googlemaps-sdk”,
“id”: “com.googlemaps.ios”
“cordovaPlatforms”: [],
“description”: “xxxxx.”

ionic info:

`Your system information:

ordova CLI: 6.5.0
Ionic Framework Version: 3.4.2
Ionic CLI Version: 2.2.2
Ionic App Lib Version: 2.2.1
Ionic App Scripts Version: 1.3.7
ios-deploy version: Not installed
ios-sim version: Not installed
OS: Windows 10
Node Version: v6.9.1
Xcode version: Not installed`


For anyone else facing this issue. This is what fixed it for me :slight_smile:
npm uninstall ionicons
npm install ionicons


(Make sure to use --save on that npm install to make sure it gets saved to package.json - otherwise this could be left out after checking out the project freshly from git)

1 Like

Thanks Sujan. Totally appreciate you replying so actively on this forum. Very helpful.

1 Like

I’m facing the same problem, still…

Thank you hdvest; it works mine