Topic: Compiling scss errors

Admin priority asked 1 week ago


Expected behavior

To compile css using Sass (without errors); v.3.6.0 & 3.9.0 were working without problems

Actual behavior

Scout-App (the sass gui) throws multiple errors"required parameters must precede optional parameters" and can not compile css

Resources (screenshots, code snippets etc.)

example:

required parameters must precede optional parameters _buttons.scss

9: $color: color-contrast($background),

10: $shadow,

11: $hover-background,


mlazaru staff commented 1 week ago

could you show full error log?


Admin priority answered 2 hours ago


CodeKit has solved the problem.

note: there are still numerous warnings showing up - in compiled css. (for example where are styles without values)


mlazaru staff answered 1 week ago


It seems like you are using scout-app which uses node-sass as a dependency. Since 3.0.0 version of MDB we are using dart sass, because node-sass is deprecated - more info about that here.


Admin priority answered 1 week ago


Hello,

Any solutions?

Can you send me a link on the email with the previous version, so I can try to compile with that v.?


mlazaru staff commented 1 week ago

Unfortunately, I can't do that, but you can download a specific version of MDB using NPM. https://mdbootstrap.com/docs/standard/pro/installation/#section-specific-version


Admin priority answered 1 week ago


Screenshot of Error Log

Screenshot of Error Log


Admin priority commented 1 week ago

Error processing Sass to CSS in sass.render app.js:153

Errorcolumn: 3file: "/Volumes/HD 2/htdocs/www.xxxx.com/css/mdb5/source/mdb/scss/free/mixins/_buttons.scss"formatted: "Error: required parameters must precede optional parameters↵ on line 10 of ../../../../../Volumes/HD 2/htdocs/www.xxxx.com/css/mdb5/source/mdb/scss/free/mixins/buttons.scss↵>> $shadow,↵↵ --^↵"line: 10message: "required parameters must precede optional parameters"stack: (...)get stack: function () { [native code] }arguments: nullcaller: nulllength: 0name: ""prototype: StackTraceGetterconstructor: function () { [native code] }arguments: nullcaller: nulllength: 0name: ""prototype: StackTraceGetterconstructor: function () { [native code] }arguments: nullcaller: nulllength: 0name: ""prototype: StackTraceGetterconstructor: function () { [native code] }arguments: nullcaller: nulllength: 0name: ""prototype: StackTraceGetter_proto_: function Empty() {}proto: Object_proto_: function Empty() {}proto: Object_proto_: function Empty() {}proto: Object_proto_: function Empty() {}set stack: function () { [native code] }status: 1_proto__: d


rachelgomez123 free answered 1 week ago


the error says that there's no container.scss file or it's unreachable and you're trying to import it, check typos for the file name or the path of the file. Regards, Rachel Gomez


Admin priority commented 1 week ago

there are 2 container.scss files. in folders:

/source/mdb/scss/bootstrap-rtl-fix/mixins/

/source/mdb/scss/bootstrap/mixins/

scss folder if fully copied



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • User: Priority
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 6.1.0
  • Device: Scout-App (the sass gui)
  • Browser: Scout-App (the sass gui)
  • OS: MacOS
  • Provided sample code: No
  • Provided link: No