Closed Nuk3guy closed 5 years ago
I had the same issue, I have upgraded the ionicons,scss
to latest version, and updated styles url in angular.json as "node_modules/ionicons/dist/scss/ionicons.scss",
it resolved the issue.
Thank you @aksolutions95 ! Closed as answered
Failed to Compile
Issue description
Current behavior: PS C:\ngx-admin> npm start
Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ 26% building modules 134/135 modules 1 active ...admin\src\app\@theme\styles\styles.scssDEPRECATION WARNING on line 1, column 8 of C:/ngx-admin/node_modules/@nebular/theme/components/cdk/overlay/_overlay.theme.scss: Including .cs Date: 2019-01-02T09:43:14.576Z Hash: 6163463e5a775f4af084 Time: 12675ms chunk {main} main.js, main.js.map (main) 1.86 kB [initial] [rendered] chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 94.3 kB [initial] [rendered] chunk {runtime} runtime.js, runtime.js.map (runtime) 6.22 kB [entry] [rendered] chunk {scripts} scripts.js, scripts.js.map (scripts) 1.37 MB [rendered] chunk {styles} styles.js, styles.js.map (styles) 769 kB [initial] [rendered] chunk {vendor} vendor.js, vendor.js.map (vendor) 326 kB [initial] [rendered]
ERROR in AppComponent cannot be used as an entry component. ERROR in ./node_modules/socicon/css/socicon.css (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/lib??embedded!./node_modules/socicon/css/socicon.css) Module build failed (from ./node_modules/postcss-loader/lib/index.js): BrowserslistError: C:\ngx-admin contains both browserslist and package.json with browsers at C:\ngx-admin\node_modules\browserslist\node.js:236:15 at eachParent (C:\ngx-admin\node_modules\browserslist\node.js:46:18) at Object.findConfig (C:\ngx-admin\node_modules\browserslist\node.js:219:20) at Function.loadConfig (C:\ngx-admin\node_modules\browserslist\node.js:150:37) at browserslist (C:\ngx-admin\node_modules\browserslist\index.js:187:31) at Browsers.parse (C:\ngx-admin\node_modules\autoprefixer\lib\browsers.js:61:16) at new Browsers (C:\ngx-admin\node_modules\autoprefixer\lib\browsers.js:52:30) at loadPrefixes (C:\ngx-admin\node_modules\autoprefixer\lib\autoprefixer.js:70:24) at plugin (C:\ngx-admin\node_modules\autoprefixer\lib\autoprefixer.js:81:24) at LazyResult.run (C:\ngx-admin\node_modules\postcss\lib\lazy-result.js:277:20) at LazyResult.asyncTick (C:\ngx-admin\node_modules\postcss\lib\lazy-result.js:192:32) at C:\ngx-admin\node_modules\postcss\lib\lazy-result.js:197:27 at process._tickCallback (internal/process/next_tick.js:68:7) ERROR in ./node_modules/angular-tree-component/dist/angular-tree-component.css (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/lib??embedded!./node_modules/angular-tree-component/dist/angular-tree-component.css) Module build failed (from ./node_modules/postcss-loader/lib/index.js): BrowserslistError: C:\ngx-admin contains both browserslist and package.json with browsers at C:\ngx-admin\node_modules\browserslist\node.js:236:15 at eachParent (C:\ngx-admin\node_modules\browserslist\node.js:46:18) at Object.findConfig (C:\ngx-admin\node_modules\browserslist\node.js:219:20) at Function.loadConfig (C:\ngx-admin\node_modules\browserslist\node.js:150:37) at browserslist (C:\ngx-admin\node_modules\browserslist\index.js:187:31) at Browsers.parse (C:\ngx-admin\node_modules\autoprefixer\lib\browsers.js:61:16) at new Browsers (C:\ngx-admin\node_modules\autoprefixer\lib\browsers.js:52:30) at loadPrefixes (C:\ngx-admin\node_modules\autoprefixer\lib\autoprefixer.js:70:24) at plugin (C:\ngx-admin\node_modules\autoprefixer\lib\autoprefixer.js:81:24) at LazyResult.run (C:\ngx-admin\node_modules\postcss\lib\lazy-result.js:277:20) at LazyResult.asyncTick (C:\ngx-admin\node_modules\postcss\lib\lazy-result.js:192:32) at C:\ngx-admin\node_modules\postcss\lib\lazy-result.js:197:27 at process._tickCallback (internal/process/next_tick.js:68:7) ERROR in ./node_modules/leaflet/dist/leaflet.css (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/lib??embedded!./node_modules/leaflet/dist/leaflet.css) Module build failed (from ./node_modules/postcss-loader/lib/index.js): BrowserslistError: C:\ngx-admin contains both browserslist and package.json with browsers at C:\ngx-admin\node_modules\browserslist\node.js:236:15 at eachParent (C:\ngx-admin\node_modules\browserslist\node.js:46:18) at Object.findConfig (C:\ngx-admin\node_modules\browserslist\node.js:219:20) at Function.loadConfig (C:\ngx-admin\node_modules\browserslist\node.js:150:37) at browserslist (C:\ngx-admin\node_modules\browserslist\index.js:187:31) at Browsers.parse (C:\ngx-admin\node_modules\autoprefixer\lib\browsers.js:61:16) at new Browsers (C:\ngx-admin\node_modules\autoprefixer\lib\browsers.js:52:30) at loadPrefixes (C:\ngx-admin\node_modules\autoprefixer\lib\autoprefixer.js:70:24) at plugin (C:\ngx-admin\node_modules\autoprefixer\lib\autoprefixer.js:81:24) at LazyResult.run (C:\ngx-admin\node_modules\postcss\lib\lazy-result.js:277:20) at LazyResult.asyncTick (C:\ngx-admin\node_modules\postcss\lib\lazy-result.js:192:32) at C:\ngx-admin\node_modules\postcss\lib\lazy-result.js:197:27 at process._tickCallback (internal/process/next_tick.js:68:7) ERROR in ./node_modules/typeface-exo/index.css (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/lib??embedded!./node_modules/typeface-exo/index.css) Module build failed (from ./node_modules/postcss-loader/lib/index.js): BrowserslistError: C:\ngx-admin contains both browserslist and package.json with browsers at C:\ngx-admin\node_modules\browserslist\node.js:236:15 at eachParent (C:\ngx-admin\node_modules\browserslist\node.js:46:18) at Object.findConfig (C:\ngx-admin\node_modules\browserslist\node.js:219:20) at Function.loadConfig (C:\ngx-admin\node_modules\browserslist\node.js:150:37) at browserslist (C:\ngx-admin\node_modules\browserslist\index.js:187:31) at Browsers.parse (C:\ngx-admin\node_modules\autoprefixer\lib\browsers.js:61:16) at new Browsers (C:\ngx-admin\node_modules\autoprefixer\lib\browsers.js:52:30) at loadPrefixes (C:\ngx-admin\node_modules\autoprefixer\lib\autoprefixer.js:70:24) at plugin (C:\ngx-admin\node_modules\autoprefixer\lib\autoprefixer.js:81:24) at LazyResult.run (C:\ngx-admin\node_modules\postcss\lib\lazy-result.js:277:20) at LazyResult.asyncTick (C:\ngx-admin\node_modules\postcss\lib\lazy-result.js:192:32) at C:\ngx-admin\node_modules\postcss\lib\lazy-result.js:197:27 at process._tickCallback (internal/process/next_tick.js:68:7) ERROR in ./node_modules/nebular-icons/scss/nebular-icons.scss (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref--14-3!./node_modules/nebular-icons/scss/nebular-icons.scss) Module build failed (from ./node_modules/postcss-loader/lib/index.js): BrowserslistError: C:\ngx-admin contains both browserslist and package.json with browsers at C:\ngx-admin\node_modules\browserslist\node.js:236:15 at eachParent (C:\ngx-admin\node_modules\browserslist\node.js:46:18) at Object.findConfig (C:\ngx-admin\node_modules\browserslist\node.js:219:20) at Function.loadConfig (C:\ngx-admin\node_modules\browserslist\node.js:150:37) at browserslist (C:\ngx-admin\node_modules\browserslist\index.js:187:31) at Browsers.parse (C:\ngx-admin\node_modules\autoprefixer\lib\browsers.js:61:16) at new Browsers (C:\ngx-admin\node_modules\autoprefixer\lib\browsers.js:52:30) at loadPrefixes (C:\ngx-admin\node_modules\autoprefixer\lib\autoprefixer.js:70:24) at plugin (C:\ngx-admin\node_modules\autoprefixer\lib\autoprefixer.js:81:24) at LazyResult.run (C:\ngx-admin\node_modules\postcss\lib\lazy-result.js:277:20) at LazyResult.asyncTick (C:\ngx-admin\node_modules\postcss\lib\lazy-result.js:192:32) at C:\ngx-admin\node_modules\postcss\lib\lazy-result.js:197:27 at process._tickCallback (internal/process/next_tick.js:68:7) ERROR in ./node_modules/@fortawesome/fontawesome-free/css/all.css (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/lib??embedded!./node_modules/@fortawesome/fontawesome-free/css/all.css) Module build failed (from ./node_modules/postcss-loader/lib/index.js): BrowserslistError: C:\ngx-admin contains both browserslist and package.json with browsers at C:\ngx-admin\node_modules\browserslist\node.js:236:15 at eachParent (C:\ngx-admin\node_modules\browserslist\node.js:46:18) at Object.findConfig (C:\ngx-admin\node_modules\browserslist\node.js:219:20) at Function.loadConfig (C:\ngx-admin\node_modules\browserslist\node.js:150:37) at browserslist (C:\ngx-admin\node_modules\browserslist\index.js:187:31) at Browsers.parse (C:\ngx-admin\node_modules\autoprefixer\lib\browsers.js:61:16) at new Browsers (C:\ngx-admin\node_modules\autoprefixer\lib\browsers.js:52:30) at loadPrefixes (C:\ngx-admin\node_modules\autoprefixer\lib\autoprefixer.js:70:24) at plugin (C:\ngx-admin\node_modules\autoprefixer\lib\autoprefixer.js:81:24) at LazyResult.run (C:\ngx-admin\node_modules\postcss\lib\lazy-result.js:277:20) at LazyResult.asyncTick (C:\ngx-admin\node_modules\postcss\lib\lazy-result.js:192:32) at C:\ngx-admin\node_modules\postcss\lib\lazy-result.js:197:27 at process._tickCallback (internal/process/next_tick.js:68:7) ERROR in ./node_modules/roboto-fontface/css/roboto/roboto-fontface.css (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/lib??embedded!./node_modules/roboto-fontface/css/roboto/roboto-fontface.css) Module build failed (from ./node_modules/postcss-loader/lib/index.js): BrowserslistError: C:\ngx-admin contains both browserslist and package.json with browsers at C:\ngx-admin\node_modules\browserslist\node.js:236:15 at eachParent (C:\ngx-admin\node_modules\browserslist\node.js:46:18) at Object.findConfig (C:\ngx-admin\node_modules\browserslist\node.js:219:20) at Function.loadConfig (C:\ngx-admin\node_modules\browserslist\node.js:150:37) at browserslist (C:\ngx-admin\node_modules\browserslist\index.js:187:31) at Browsers.parse (C:\ngx-admin\node_modules\autoprefixer\lib\browsers.js:61:16) at new Browsers (C:\ngx-admin\node_modules\autoprefixer\lib\browsers.js:52:30) at loadPrefixes (C:\ngx-admin\node_modules\autoprefixer\lib\autoprefixer.js:70:24) at plugin (C:\ngx-admin\node_modules\autoprefixer\lib\autoprefixer.js:81:24) at LazyResult.run (C:\ngx-admin\node_modules\postcss\lib\lazy-result.js:277:20) at LazyResult.asyncTick (C:\ngx-admin\node_modules\postcss\lib\lazy-result.js:192:32) at C:\ngx-admin\node_modules\postcss\lib\lazy-result.js:197:27 at process._tickCallback (internal/process/next_tick.js:68:7) ERROR in ./src/app/@theme/styles/styles.scss (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref--14-3!./src/app/@theme/styles/styles.scss) Module build failed (from ./node_modules/postcss-loader/lib/index.js): BrowserslistError: C:\ngx-admin contains both browserslist and package.json with browsers at C:\ngx-admin\node_modules\browserslist\node.js:236:15 at eachParent (C:\ngx-admin\node_modules\browserslist\node.js:46:18) at Object.findConfig (C:\ngx-admin\node_modules\browserslist\node.js:219:20) at Function.loadConfig (C:\ngx-admin\node_modules\browserslist\node.js:150:37) at browserslist (C:\ngx-admin\node_modules\browserslist\index.js:187:31) at Browsers.parse (C:\ngx-admin\node_modules\autoprefixer\lib\browsers.js:61:16) at new Browsers (C:\ngx-admin\node_modules\autoprefixer\lib\browsers.js:52:30) at loadPrefixes (C:\ngx-admin\node_modules\autoprefixer\lib\autoprefixer.js:70:24) at plugin (C:\ngx-admin\node_modules\autoprefixer\lib\autoprefixer.js:81:24) at LazyResult.run (C:\ngx-admin\node_modules\postcss\lib\lazy-result.js:277:20) at LazyResult.asyncTick (C:\ngx-admin\node_modules\postcss\lib\lazy-result.js:192:32) at LazyResult.asyncTick (C:\ngx-admin\node_modules\postcss\lib\lazy-result.js:204:22) at C:\ngx-admin\node_modules\postcss\lib\lazy-result.js:197:27 ERROR in ./node_modules/pace-js/templates/pace-theme-flash.tmpl.css (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/lib??embedded!./node_modules/pace-js/templates/pace-theme-flash.tmpl.css) Module build failed (from ./node_modules/postcss-loader/lib/index.js): BrowserslistError: C:\ngx-admin contains both browserslist and package.json with browsers at C:\ngx-admin\node_modules\browserslist\node.js:236:15 at eachParent (C:\ngx-admin\node_modules\browserslist\node.js:46:18) at Object.findConfig (C:\ngx-admin\node_modules\browserslist\node.js:219:20) at Function.loadConfig (C:\ngx-admin\node_modules\browserslist\node.js:150:37) at browserslist (C:\ngx-admin\node_modules\browserslist\index.js:187:31) at Browsers.parse (C:\ngx-admin\node_modules\autoprefixer\lib\browsers.js:61:16) at new Browsers (C:\ngx-admin\node_modules\autoprefixer\lib\browsers.js:52:30) at loadPrefixes (C:\ngx-admin\node_modules\autoprefixer\lib\autoprefixer.js:70:24) at plugin (C:\ngx-admin\node_modules\autoprefixer\lib\autoprefixer.js:81:24) at LazyResult.run (C:\ngx-admin\node_modules\postcss\lib\lazy-result.js:277:20) at LazyResult.asyncTick (C:\ngx-admin\node_modules\postcss\lib\lazy-result.js:192:32) at LazyResult.asyncTick (C:\ngx-admin\node_modules\postcss\lib\lazy-result.js:204:22) at C:\ngx-admin\node_modules\postcss\lib\lazy-result.js:197:27 at process._tickCallback (internal/process/next_tick.js:68:7) ERROR in ./node_modules/ionicons/scss/ionicons.scss (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref--14-3!./node_modules/ionicons/scss/ionicons.scss) Module build failed (from ./node_modules/sass-loader/lib/loader.js):
@import 'themes';
@import '~@nebular/theme/styles/globals';
@include nb-install() { @include nb-theme-global(); }; @import "ionicons-variables"; /*! Ionicons, v#{$ionicons-version} Created by Ben Sperry for the Ionic Framework, http://ionicons.com/ https://twitter.com/benjsperry https://twitter.com/ionicframework MIT License: https://github.com/driftyco/ionicons
Android-style icons originally built by Google’s Material Design Icons: https://github.com/google/material-design-icons used under CC BY http://creativecommons.org/licenses/by/4.0/ Modified icons to fit ionicon’s grid from original. */
@import "ionicons-font"; @import "ionicons-icons";
^ File to import not found or unreadable: themes. in C:\ngx-admin\node_modules\ionicons\scss\ionicons.scss (line 1, column 1) i 「wdm」: Failed to compile.
Expected behavior: open localhost browser/project on 4200 port
npm: '6.4.1', ares: '1.14.0', cldr: '33.1', http_parser: '2.8.0', icu: '62.1', modules: '64', napi: '3', nghttp2: '1.34.0', node: '10.13.0', openssl: '1.1.0i', tz: '2018e', unicode: '11.0', uv: '1.23.2', v8: '6.8.275.32-node.36', zlib: '1.2.11' }
Node: v10.13.0
Windows 10