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