Ngx-admin: Module build failed (from ./node_modules/sass-loader/lib/loader.js):

[SanatbekMatlatipov]

ERROR in ./src/main/webapp/app/@theme/components/header/header.component.scss (./node_modules/css-loader/dist/cjs.js!./node_module
s/sass-loader/lib/loader.js??ref--10-2!./src/main/webapp/app/@theme/components/header/header.component.scss)
Module build failed (from ./node_modules/sass-loader/lib/loader.js):

`@import '../../styles/themes';
@import '~bootstrap/scss/mixins/breakpoints';
@import '~@nebular/theme/styles/global/breakpoints';

@include nb-install-component() {
display: flex;
justify-content: space-between;
width: 100%;

.left {
display: flex;
width: 100%;
order: 0;
flex-direction: row;
}
.right {
order: 1;
flex-direction: row-reverse;
}

.logo-containter {
display: flex;
align-items: center;
width: calc(#{nb-theme(sidebar-width)} - #{nb-theme(header-padding)});
}

.control-item {
display: block;
}

.header-container {
display: flex;
align-items: center;
width: auto;

.navigation {
  @include nb-ltr(padding-right, nb-theme(padding));
  @include nb-rtl(padding-left, nb-theme(padding));
  font-size: 2.5rem;
  text-decoration: none;

  i {
    display: block;
  }

}

.logo {
  padding: 0 nb-theme(padding);
  font-size: 1.75rem;
  font-weight: nb-theme(font-weight-bolder);
  @include nb-ltr(border-left, 1px solid nb-theme(separator));
  @include nb-rtl(border-right, 1px solid nb-theme(separator));
  white-space: nowrap;

  span {
    font-weight: nb-theme(font-weight-normal);
  }
}

}

@include nb-for-theme(corporate) {
$menu-action-separator-color: #3f4550;

nb-action {
  @include nb-ltr(border-left-color, $menu-action-separator-color);
  @include nb-rtl(border-right-color, $menu-action-separator-color);
}

.header-container .logo {
  @include nb-ltr(border, none);
  @include nb-rtl(border, none);
}

.header-container /deep/ ngx-theme-switcher .dropdown-toggle {
  color: nb-theme(color-white);
  background: transparent;
}

}

ngx-layout-direction-switcher {
margin: 0 1.5rem;
}

ngx-theme-switcher {
margin: nb-theme(layout-padding);
margin-top: 0;
margin-bottom: 0;
}

@include media-breakpoint-down(xl) {
ngx-layout-direction-switcher {
display: none;
}
}

.toggle-settings /deep/ a {
display: block;
text-decoration: none;
line-height: 1;

i {
  color: nb-theme(color-fg-highlight);
  font-size: 2.25rem;
  border-radius: 50%;
  position: relative;
  animation-name: pulse-light;

  &::after {
    content: ' ';
    // hack to be able to set border-radius
    background-image: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7');
    border-radius: 50%;
    pointer-events: none;

    position: absolute;
    top: 52.3%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 13%;
    height: 13%;

    animation: 3s linear infinite pulse;

    @include nb-for-theme(default) {
      animation-name: pulse-light;
    }
  }
}

}

@include keyframes(pulse) {
0% {
box-shadow: 0 0 1px 0 rgba(nb-theme(color-fg-highlight), 0);
}
20% {
box-shadow: 0 0 3px 10px rgba(nb-theme(color-fg-highlight), 0.4);
}
100% {
box-shadow: 0 0 5px 20px rgba(nb-theme(color-fg-highlight), 0);
}
}

@include keyframes(pulse-light) {
0% {
box-shadow: 0 0 1px 0 rgba(115, 255, 208, 0);
}
20% {
box-shadow: 0 0 3px 10px rgba(115, 255, 208, 0.4);
}
100% {
box-shadow: 0 0 5px 20px rgba(115, 255, 208, 0);
}
}

@include media-breakpoint-down(md) {

nb-action:not(.toggle-settings) {
  border: none;
}

Can someone help me with this error!!!!

[jlopezjuy]

i have same error, someone have solve this?

[Anandgarg]

i have also same issue some one solve this

[Anandgarg]

i have found issues while doing ng serve

ERROR in ./src/app/theme/component/theme-switcher/theme-switcher.component.scss
Module build failed (from ./node_modules/sass-loader/lib/loader.js):

@return mix(white, $color, $percentage);
^
Argument $color-2 of mix($color-1, $color-2, $weight: 50%) must be a color
in /home/emilence/Desktop/angular/adminproject/node_modules/@nebular/theme/styles/core/_functions.scss (line 9, column 11)

[rodrigosclosa]

Anyone has the solve for this???
I'm getting the same error in my project:

ERROR in ./src/app/shared/filter-modal/filter-modal.component.scss
Module build failed (from ./node_modules/sass-loader/lib/loader.js):

$error-msg: "
^
Expected ".
╷
6 │ $error-msg: "
│ ^
╵
node_modules/ionic-angular/themes/ionic.functions.scss 6:16 root stylesheet
node_modules/ionic-angular/themes/ionic.globals.scss 7:9 @import
src/theme/theme-variables.scss 17:9 @import
stdin 1:9 root stylesheet

My code works perfectly until I cleaned the npm cache folder and update the version of my libs...

[tobbtechnologies]

Anyone help with this

Module build failed (from ./node_modules/sass-loader/lib/loader.js):

@import "ionic.globals"; // Shared Variables
^
Can't find stylesheet to import.
╷
4 │ @import "ionic.globals"; // Shared Variables
│ ^^^^^^^^^^^^^^^
╵
stdin 4:9 root stylesheet