question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

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

See original GitHub issue

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.

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:6 (1 by maintainers)

github_iconTop GitHub Comments

2reactions
RHinderikscommented, Aug 31, 2018

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

1reaction
stefancruzcommented, Aug 31, 2018

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

Read more comments on GitHub >

github_iconTop Results From Across the Web

Module build failed: Error: Can't resolve '@ionic/angular/css ...
Testing V4 Beta -7: Module build failed: Error: Can't resolve ... In beta.5 i believe, colors was merged inside the global/core css file...
Read more >
Module build failed, Error: Failed to find css - node.js
The error is gone when I changed the path from @import "~assets/fonts/my-css/mycss.css"; to @import "~../assets/fonts/my-css/mycss.css"; ...
Read more >
Prepare Your Skill for Distribution and Beta Testing | Alexa ...
Welcome to Module 7 of the beginner workshop about building an engaging Alexa skill. In this module, you'll learn how to get your...
Read more >
Webpack & CSS - 5. Resolving assets with file-loader - YouTube
Referencing assets in our CSS now can get a little tricky, let's use the file-loader to resolve those files!
Read more >
Testing Vite with minimal config using Vitest - LogRocket Blog
We'll explore each of these in the following sections. Vitest's holistic approach to testing suites: Jest, Babel, and webpack all at once.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found