Error following tutorial about slick-carousel

sage
1

Hello !

I have an error following the turorial about installing slick-carousel with Sage 9 in Sage 9.x: Compiling Assets | Roots Documentation.

When I add style to my sass, Webpack give me this :
error in ./node_modules/slick-carousel/slick/ajax-loader.gif

Module build failed: TypeError [ERR_INVALID_ARG_TYPE]: The "from" argument must be of type string. Received undefined

(when override with variable :
$slick-font-path: “~slick-carousel/slick/fonts/”;
$slick-loader-path: “~slick-carousel/slick/”;
)

Do you know where the problem is ?

Thanks :slight_smile:

2

Is there actually a file node_modules/slick-carousel/slick/ajax-loader.gif in your project folder?

3

Yes there is one, with the same path

4

I have downgrade “file-loader” to ^5.1.0 and it’s work !

5

You may be interested in the Sage 9.1 update branch that should fix these kinds of issues:

e class='quote' data-post="1" data-topic="20067">
Sage "9.1": Please test sage
Note: Changed Sage 9.2 to 9.1 (as 9.0.10 is the current release in master). Updated Sage 9.x You can now try out the Sage PR branch for webpack 5 and updated dependencies. The sage-installer which is used by Sage 9.x for adding framework support was also updated to add the right configuration and styles. Bootstrap 5 (Beta2) has been added for selection. Tailwind 2 is used now. Trying it out now! To prevent siloing of existing working forks of Sage 9 + (insert framework), please try this set…