Ionic-framework: Testing V4 Beta-7: Module build failed: Error: Can't resolve '@ionic/angular/css/colors.css'

[peterennis]

Bug Report

Ionic Info
Run ionic info from a terminal/cmd prompt and paste the output below.

Ionic:

   ionic (Ionic CLI)          : 4.1.1 (C:\Users\peter\AppData\Roaming\npm\node_modules\ionic)
   Ionic Framework            : @ionic/angular 4.0.0-beta.7
   @angular-devkit/core       : 0.7.5
   @angular-devkit/schematics : 0.7.5
   @angular/cli               : 6.1.5
   @ionic/ng-toolkit          : 1.0.7
   @ionic/schematics-angular  : 1.0.5

Cordova:

   cordova (Cordova CLI) : 8.0.0
   Cordova Platforms     : none
   Cordova Plugins       : no whitelisted plugins (0 plugins total)

System:

   NodeJS : v8.11.3 (C:\Program Files\nodejs\node.exe)
   npm    : 6.4.0
   OS     : Windows 10

Describe the Bug
Fail to compile

[ng] chunk {121} 121.js, 121.js.map () 8.11 kB  [rendered]
[ng] chunk {122} 122.js, 122.js.map () 5.15 kB  [rendered]
[ng] chunk {123} 123.js, 123.js.map () 9.87 kB  [rendered]
[ng] chunk {124} 124.js, 124.js.map () 4.67 kB  [rendered]
[ng] chunk {125} 125.js, 125.js.map () 1.8 kB  [rendered]
[ng] chunk {126} 126.js, 126.js.map () 1.03 kB  [rendered]
[ng] chunk {127} 127.js, 127.js.map () 3.49 kB  [rendered]
[ng] chunk {128} 128.js, 128.js.map () 7.29 kB  [rendered]
[ng] ERROR in ./src/global.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref--15-3!./src/global.scss)
[ng] Module build failed: Error: Can't resolve '@ionic/angular/css/colors.css' in 'C:\ae\adaept.com\aeion4\src'
[ng]     at doResolve (C:\ae\adaept.com\aeion4\node_modules\enhanced-resolve\lib\Resolver.js:180:19)
[ng]     at hook.callAsync (C:\ae\adaept.com\aeion4\node_modules\enhanced-resolve\lib\Resolver.js:238:5)
[ng]     at _fn0 (eval at create (C:\ae\adaept.com\aeion4\node_modules\tapable\lib\HookCodeFactory.js:24:12), <anonymous>:15:1)
[ng]     at resolver.doResolve (C:\ae\adaept.com\aeion4\node_modules\enhanced-resolve\lib\UnsafeCachePlugin.js:37:5)
[ng]     at hook.callAsync (C:\ae\adaept.com\aeion4\node_modules\enhanced-resolve\lib\Resolver.js:238:5)
[ng]     at _fn0 (eval at create (C:\ae\adaept.com\aeion4\node_modules\tapable\lib\HookCodeFactory.js:24:12), <anonymous>:15:1)
[ng]     at hook.callAsync (C:\ae\adaept.com\aeion4\node_modules\enhanced-resolve\lib\Resolver.js:238:5)
[ng]     at _fn0 (eval at create (C:\ae\adaept.com\aeion4\node_modules\tapable\lib\HookCodeFactory.js:24:12), <anonymous>:12:1)
[ng]     at resolver.doResolve (C:\ae\adaept.com\aeion4\node_modules\enhanced-resolve\lib\DescriptionFilePlugin.js:42:38)
[ng]     at hook.callAsync (C:\ae\adaept.com\aeion4\node_modules\enhanced-resolve\lib\Resolver.js:238:5)
[ng]     at _fn5 (eval at create (C:\ae\adaept.com\aeion4\node_modules\tapable\lib\HookCodeFactory.js:24:12), <anonymous>:57:1)
[ng]     at resolver.doResolve (C:\ae\adaept.com\aeion4\node_modules\enhanced-resolve\lib\ModuleKindPlugin.js:23:37)
[ng]     at hook.callAsync (C:\ae\adaept.com\aeion4\node_modules\enhanced-resolve\lib\Resolver.js:238:5)
[ng]     at _fn0 (eval at create (C:\ae\adaept.com\aeion4\node_modules\tapable\lib\HookCodeFactory.js:24:12), <anonymous>:15:1)
[ng]     at hook.callAsync (C:\ae\adaept.com\aeion4\node_modules\enhanced-resolve\lib\Resolver.js:238:5)
[ng]     at _fn1 (eval at create (C:\ae\adaept.com\aeion4\node_modules\tapable\lib\HookCodeFactory.js:24:12), <anonymous>:24:1)
[ng] i ｢wdm｣: Failed to compile.

Steps to Reproduce
Steps to reproduce the behavior:

Manual upgrade to Beta-7

Related Code
If you are able to illustrate the bug with an example, please provide a sample application via an online code collaborator such as StackBlitz, or GitHub.

Expected Behavior
Working app.

Additional Context
List any other information that is relevant to your issue. Stack traces, related issues, suggestions on how to fix, Stack Overflow links, forum links, screenshots, OS if applicable, etc.

Some theme color updates here:
https://github.com/ionic-team/ionic/commit/096d9a76f3ec62711913d14326b7734739c1c734
but I do not know if it is related.

[RHinderiks]

Not sure if i understand the error here but i'll put my 2 cents in. In beta.5 i believe, colors was merged inside the global/core css file and no longer needs to be imported. Check out https://github.com/ionic-team/ionic/releases for breaking changes

[bashoogzaad]

This is indeed merged into core.css, see https://github.com/ionic-team/ionic/releases/tag/v4.0.0-beta.6

[aldaircruz]

According the changelog this import should be replaced with core.css. This is also a duplicate of #15384.

[macchie]

@aldaircruz is right.

[peterennis]

@aldaircruz etc.
That was the smoking gun! Thanks.

[ionitron-bot[bot]]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.