Problem with scss in Vue component like <style lang="scss">...</style>

[rINAtvERESHAGIN]

Hello, thank you very much for this pack!))

Can you help me please with this problem?

ERROR in ./app/assets/scss/style.scss (./node_modules/css-loader/dist/cjs.js!./node_modules/vue-style-loader!./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./app/assets/scss/style.scss) Module build failed (from ./node_modules/css-loader/dist/cjs.js): CssSyntaxError

just update webpack.base with

{ test: /.scss$/, use: [ 'vue-style-loader', 'css-loader', 'sass-loader', ], },

[horprogs]

Hey! looks good, just fix a bit the matching pattern to test: /\.scss$/, to escape a dot

[rINAtvERESHAGIN]

Hi! Please can you explain why i cannot import vue component, i am new to webPack

[rINAtvERESHAGIN]

ERROR in ./app/client/components/About.vue?vue&type=script&lang=js& (./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./app/client/components/About.vue?vue&type=script&lang=js&) Module not found: Error: Can't resolve './Main' in '/Users/ruavcr1/WebstormProjects/frontend-kliogem-work/vue-ssr-hmr-ALL_CLEAR/app/client/components' @ ./app/client/components/About.vue?vue&type=script&lang=js& (./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./app/client/components/About.vue?vue&type=script&lang=js&) 21:0-26 24:10-14 @ ./app/client/components/About.vue?vue&type=script&lang=js& @ ./app/client/components/About.vue @ ./app/router.js @ ./app/app.js @ ./app/entry-client.js @ multi ./app/entry-client.js

your clear project from master i tried require, import, lazy loading, but got the same error, webpack does not see it al all

I will be very grateful for your help

[horprogs]

Hi, sorry for the late response. I'm not sure what is this problem, I don't use ./Main import, and the clean version works for me. Honestly, this boilerplate is old enough, 2+ years, so I think it makes sense for you to use Nuxt.js for example.

This project was developed for some custom use cases, where you have to create a big scalable application without dependencies and frameworks.

[horprogs]

And I'm not really sure you would be happy with creating your app using this boilerplate :) Especially now, when Vue 3 has already introduced