Testing V4 Beta-7: Module build failed: Error: Can't resolve '@ionic/angular/css/colors.css'
See original GitHub issueBug 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:
- Created 5 years ago
- Comments:6 (1 by maintainers)
Top 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 >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
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
According the changelog this import should be replaced with core.css. This is also a duplicate of #15384.