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.

Nested mixins error

See original GitHub issue

Issue type

I’m submitting a … (check one with “x”)

[ x ] bug report
feature request

Issue description

Current behavior: Error about nested mixins when building/running (yarn run start)

ERROR in ./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref--8-3!./src/app/@theme/styles/styles.scss
Module build failed: 
  @mixin hover-border($color) {
        ^
      Mixins may not be defined within control directives or other mixins.
      in /home/richard/workspace/ngx-admin/node_modules/@nebular/theme/components/checkbox/_checkbox.component.theme.scss (line 8, column 10)

Expected behavior: It should build and run.

Steps to reproduce: Clone from git and yarn run start

Other information:

npm, node, OS, Browser Yarn version 1.3.2 (also tried npm 5.6.0) Node 9.8.0 Arch Linux x86

Angular, Nebular

    "@angular/animations": "~5.2.6",
    "@angular/common": "~5.2.6",
    "@angular/compiler": "~5.2.6",
    "@angular/core": "~5.2.6",
    "@angular/forms": "~5.2.6",
    "@angular/http": "~5.2.6",
    "@angular/platform-browser": "~5.2.6",
    "@angular/platform-browser-dynamic": "~5.2.6",
    "@angular/router": "~5.2.6",
...
    "@nebular/auth": "2.0.0-rc.6",
    "@nebular/theme": "2.0.0-rc.6",
    "@nebular/security": "2.0.0-rc.6",

Issue Analytics

State:
Created 5 years ago
Reactions:7
Comments:27 (2 by maintainers)

Top GitHub Comments

43reactions

huybn5776commented, Mar 27, 2018

@jesus-ibanez direct install node-sass@4.8.1 is work!! thanks~ npm i node-sass@4.8.1

angular/cli 1.7.3 and angular 5.2.9

14reactions

jesus-ibanezcommented, Mar 27, 2018

I had the same issue and after replace node-sass@4.8.3 by node-sass@4.8.1 it works even with nodejs 8.10.0, npm 5.8.0, angular/cli 1.7.3 and angular 5.2.9, i hope this helps

Top Results From Across the Web

Nested mixins in LESS throws an error - Stack Overflow

When using it in combination with !important , I'm experiencing an error that is also reproducible with a more narrowed-down testcase:

Sass Basics

Sass has features that don't exist in CSS yet like nesting, mixins, inheritance, and other nifty goodies that help you write robust, maintainable...

Sass @mixin and @include - W3Schools

The @mixin directive lets you create CSS code that is to be reused throughout the website. The @include directive is created to let...

Features In-Depth | Less.js

Less extends CSS with dynamic behavior such as variables, mixins, ... The & operator represents the parent selectors of a nested rule and...

drf-nested - PyPI

Mixins. Nested Serializer Mixins. BaseNestedMixin. Base mixin that contains the methods for retrieval of all related fields of the serializer model. It ...