Variable.scss ionic files cannot resolve problem

Ionic Framework ionic-v3
1

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

System:

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

Misc:

backend : legacy
2

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”;

cheers

1 Like
3

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

1 Like
4

I literally just gave up updating my app because i can’t figure out for the love of god how to update the theming between the two versions and there is literally zero help or documentation available.

Sure, there are the Ionic 3 or Ionic 4 docs but no migration gudie whatsoever. The official migration guide just points you towards generic ionic4 links so you can “figure it out yourself” lol.