Skip to content

Cannot import slick-theme from the slick-carousel package #3164

@mgomulak

Description

@mgomulak

Describe the bug

Working on a project which uses the slick-carousel package. As soon as i import slick-carousel/slick/slick-theme.scss an error is thrown.

  Plugin: vite:css
  File: .../node_modules/slick-carousel/slick/slick-theme.scss
  Error: expected ")".
     
  24  @function slick-image-url(../../node_modules/slick-carousel/slick/$url) {
                                ^
     
    node_modules/slick-carousel/slick/slick-theme.scss 24:27  @import
    src/styles/app.scss 1:9                                   root stylesheet
      at Object._newRenderError (.../node_modules/sass/sass.dart.js:13168:19)
      at Object._wrapException (...node_modules/sass/sass.dart.js:12994:16)
      at _render_closure1.call$2 (../node_modules/sass/sass.dart.js:81074:21)
      at _RootZone.runBinary$3$3 (.../node_modules/sass/sass.dart.js:27256:18)
      at _FutureListener.handleError$1 (.../node_modules/sass/sass.dart.js:25812:19)
      at _Future__propagateToListeners_handleError.call$0 (.../node_modules/sass/sass.dart.js:26110:49)
      at Object._Future__propagateToListeners (.../node_modules/sass/sass.dart.js:4536:77)
      at _Future._completeError$2 (.../node_modules/sass/sass.dart.js:25942:9)
      at _AsyncAwaitCompleter.completeError$2 (.../node_modules/sass/sass.dart.js:25596:12)
      at Object._asyncRethrow (.../node_modules/sass/sass.dart.js:4335:17)

The affected function

@function slick-image-url($url) {
    @if function-exists(image-url) {
        @return image-url($url);
    }
    @else {
        @return url($slick-loader-path + $url);
    }
}

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions