How to fix " SassError: Can't find stylesheet to import " in vue3 with webpack 5 ,sass loader12

Question

I am trying to import scss file from assets to components , getting error show that ,

@import "@/assets/scss/_globvar.scss";

this the error i am getting

" Module build failed (from ./node_modules/sass-loader/dist/cjs.js): SassError: Can't find stylesheet to import "

files structure

Answer 1

Prefix path ~ tells webpack to search through node_modules. link

You may need to use relative path or path alias