Page styles break when I change styles in Chrome DevTools with Webpack HMR

css webpack vue.js google-chrome-devtools webpack-hmr

One way to fix this is setting sourceMap to false for the sass loaderOptions in vue.config.js:

css: {    loaderOptions: {        sass: {            sourceMap: false        }    }}

css webpack vue.js google-chrome-devtools webpack-hmr

I have the same problem with NUXT project. reinstall of sass-loader / sass in the last version was solve the problem.

CodeHunter