Variable.scss ionic files cannot resolve problem

Hi guys. I’m using ionic version 3.19.1. I started new project and I notice that my variable.scss
does not work I expected. It cannot find this imports
@import “ionic.globals”;
@import “ionic.theme.default”;
@import “ionic.ionicons”;
@import “roboto”;
@import “noto-sans”;

I got Cannot resolve file fault for them. How can ı solve this? Thanks, sorry for my english!

This is output for ionic info command

cli packages: (/usr/local/lib/node_modules)

@ionic/cli-utils  : 1.19.1
ionic (Ionic CLI) : 3.19.1

global packages:

cordova (Cordova CLI) : 8.0.0 

local packages:

@ionic/app-scripts : 3.1.8
Cordova Platforms  : android 6.2.3
Ionic Framework    : ionic-angular 3.9.2


Node  : v6.10.2
npm   : 3.10.10 
OS    : macOS Sierra
Xcode : Xcode 8.2.1 Build version 8C1002 

Environment Variables:

ANDROID_HOME : not set


backend : legacy

I got the same issue today, it can be solved by redirect these links.
This files do exist, but not at the path of this folder, you can replace them as follow:

@import “…/…/node_modules/ionic-angular/themes/ionic.globals”;
@import “…/…/node_modules/ionic-angular/themes/ionic.theme.default”;
@import “…/…/node_modules/ionic-angular/themes/ionic.ionicons”;
@import “…/…/www/assets/fonts/roboto”;
@import “…/…/www/assets/fonts/noto-sans”;


1 Like

It is not working for me do you know how to make it for IONIC 4 ?