Ionic 4 - ionic serve not compiling sass

Ionic Framework
1

Hi,

this is very weird, my ionic 4 app was created based on starter blank template, and I have tried to delete node_modules and reinstall it using npm install but running

ionic serve does not bother about any scss file changed at all

I am wondering if I am missing anything?

thank you

2

Rebuild it. npm rebuild node-sass --force. Before this command, shut down all other ionic serve, else you will be facing permission writing issues.

3

its not compiling any more css file?

4

Can you give more info? What error message do you get?

5

After a fresh install of ionic and cordova and a npm update, it is not possible to use the ionic serve command for me. Compilation is failing.

Steps to Reproduce:
Uninstall cordova and ionic.
Install cordova and ionic.
Create a tabs project.
Do ionic serve.

Output:
[ng] ERROR in ./src/global.scss (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/src??embedded!./node_modules/sass-loader/lib/loader.js??ref–14-3!./src/global.scss)
[ng] Module build failed (from ./node_modules/sass-loader/lib/loader.js):
[ng] TypeError: Instance of ‘dy’: type ‘dy’ is not a subtype of type ‘n’
[ng] ERROR in ./src/theme/variables.scss (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/src??embedded!./node_modules/sass-loader/lib/loader.js??ref–14-3!./src/theme/variables.scss)
[ng] Module build failed (from ./node_modules/sass-loader/lib/loader.js):
[ng] TypeError: Instance of ‘dy’: type ‘dy’ is not a subtype of type ‘n’
[ng] ERROR in ./src/app/tab1/tab1.page.scss
[ng] Module build failed (from ./node_modules/sass-loader/lib/loader.js):
[ng] TypeError: Instance of ‘dy’: type ‘dy’ is not a subtype of type ‘n’
[ng] Thu, 31 Jan 2019 20:23:35 GMT express:router : /
[ng] Thu, 31 Jan 2019 20:23:35 GMT express:router middleware : /
[ng] Thu, 31 Jan 2019 20:23:35 GMT finalhandler default 404
[ng] chunk {common} common.js, common.js.map (common) 18.5 kB [rendered]
[ng] chunk {main} main.js, main.js.map (main) 33.4 kB [initial] [rendered]
[ng] chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 236 kB [initial] [rendered]
[ng] chunk {runtime} runtime.js, runtime.js.map (runtime) 8.9 kB [entry] [rendered]
[ng] chunk {styles} styles.js, styles.js.map (styles) 18.8 kB [initial] [rendered]
[ng] chunk {tab1-tab1-module} tab1-tab1-module.js, tab1-tab1-module.js.map (tab1-tab1-module) 6.78 kB [rendered]
[ng] chunk {tab2-tab2-module} tab2-tab2-module.js, tab2-tab2-module.js.map (tab2-tab2-module) 5.32 kB [rendered]
[ng] chunk {tab3-tab3-module} tab3-tab3-module.js, tab3-tab3-module.js.map (tab3-tab3-module) 5.32 kB [rendered]
[ng] chunk {tabs-tabs-module} tabs-tabs-module.js, tabs-tabs-module.js.map (tabs-tabs-module) 8.75 kB [rendered]
[ng] chunk {vendor} vendor.js, vendor.js.map (vendor) 4.34 MB [initial] [rendered]
[ng] :information_source: ｢wdm｣: Failed to compile.

My ionic info:
Ionic:

ionic (Ionic CLI) : 4.10.1 (/usr/local/lib/node_modules/ionic)
Ionic Framework : @ionic/angular 4.0.0
@angular-devkit/build-angular : 0.12.4
@angular-devkit/schematics : 7.2.4
@angular/cli : 7.2.4
@ionic/angular-toolkit : 1.3.0

System:

NodeJS : v10.7.0 (/usr/local/Cellar/node/10.7.0/bin/node)
npm : 6.7.0
OS : macOS Mojave

6

I dont get any error at all using ionic serve, on ionic 4 environment, but its not compiling the css and css map anynmore, its directly loaded from sass file itself

is it right?