Topic: Error compiling with npm

D. Möller free asked 2 years ago


Hello, I have installed MDB5 as specified at https://mdbootstrap.com/docs/standard/pro/installation/ as indicated. This has also worked so far. The scss files could be compiled without any problems. Since today this does not work anymore. I am not sure what has changed, but I get thousands of errors of this type:

: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($l2 + 0.05, $l1 + 0.05)

More info and automated migrator: https://sass-lang.com/d/slash-div

    ╷
155 │   @return if($l1 > $l2, ($l1 + 0.05) / ($l2 + 0.05), ($l2 + 0.05) / ($l1 + 0.05));
    │                                                      ^^^^^^^^^^^^^^^^^^^^^^^^^^^
    ╵
    node_modules/mdb-ui-kit/src/scss/bootstrap-rtl-fix/_functions.scss 155:54            contrast-ratio()
    node_modules/mdb-ui-kit/src/scss/bootstrap-rtl-fix/_functions.scss 137:22            color-contrast()
    node_modules/mdb-ui-kit/src/scss/bootstrap-rtl-fix/helpers/_colored-links.scss 9:11  @import
    node_modules/mdb-ui-kit/src/scss/bootstrap-rtl-fix/_helpers.scss 2:9                 @import
    node_modules/mdb-ui-kit/src/scss/mdb.free.scss 50:9                                  @import
    node_modules/mdb-ui-kit/src/scss/mdb.pro.scss 2:9                                    @import
    resources/sass/app.scss 26:9                                                         root stylesheet

: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($value, 255)

More info and automated migrator: https://sass-lang.com/d/slash-div

    ╷
169 │     $value: if($value / 255 < 0.03928, $value / 255 / 12.92, nth($_luminance-list, $value + 1));
    │                ^^^^^^^^^^^^
    ╵
    node_modules/mdb-ui-kit/src/scss/bootstrap-rtl-fix/_functions.scss 169:16            luminance()
    node_modules/mdb-ui-kit/src/scss/bootstrap-rtl-fix/_functions.scss 152:8             contrast-ratio()
    node_modules/mdb-ui-kit/src/scss/bootstrap-rtl-fix/_functions.scss 137:22            color-contrast()
    node_modules/mdb-ui-kit/src/scss/bootstrap-rtl-fix/helpers/_colored-links.scss 9:11  @import
    node_modules/mdb-ui-kit/src/scss/bootstrap-rtl-fix/_helpers.scss 2:9                 @import
    node_modules/mdb-ui-kit/src/scss/mdb.free.scss 50:9                                  @import
    node_modules/mdb-ui-kit/src/scss/mdb.pro.scss 2:9                                    @import
    resources/sass/app.scss 26:9                                                         root stylesheet

Grzegorz Bujański staff commented 2 years ago

We need more information to check what might have gone wrong. What exactly did you change before this error occurred? Have you changed anything in your project configuration or updated dependencies?



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Opened

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Standard
  • MDB Version: MDB5 3.5.1
  • Device: Ubuntu Server
  • Browser: Chrome, Firefox, ----
  • OS: npm 7.14
  • Provided sample code: No
  • Provided link: Yes