Cannot Resolve CSS Files

sage
,
1

I have add 2 Refrences to CSS files held in the node_modules folder

@import ‘~owl.carousel/dist/assets/owl.carousel.css’;
@import ‘~owl.carousel/dist/assets/owl.theme.default.min.css’;

and when I run yarn build I keep getting the following exception

’
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js): ││HookWebpackError: Module build failed (from ./node_modules/postcss-loader/dist/cjs.js): ││Error: Failed to find ‘~owl.carousel/dist/assets/owl.carousel.css’ ││in [ ││/Volumes/OSX_WORKING/Github/canadarewards.wordpress.live/public_html/app/themes/sage-main/resources/styles ││]
’

This was working perfectly fine in previous beta builds of Sage 10 so can someone suggest what the issue may be to resolve.

2

~owl.carousel is not a valid path, I’d try pointing that to the correct path to your files as a first step

4

Thanks removing the ~ worked but really frustrating that every time this build updates things change as using the ~ was perfectly valid for the last two versions of Sage 10 to refrence files in the node_modules folder. Probably removed wen they moved over to bud.