How to solve the compilation errors caused by the high version of sass-loader in vue

In this article Xiaobian introduces in detail "how to solve the compilation error caused by the high version of sass-loader in vue", the content is detailed, the steps are clear, and the details are handled properly. I hope that this article "how to solve the compilation error caused by the high version of sass-loader in vue" can help you solve your doubts.

Using sass and solving the problem that the high version of sass-loader causes compilation errors to install dependent packages

Install node-sass, sass-loader, and style-loader:

Npm I node-sass sass-loader style-loader-D uses to resolve compilation errors

After operating the above steps, run and find an error report. The reason is that the sass-loader version is too high and node-sass and sass-loader are not compatible. Solution: uninstall the current version of sass-loader and install the specified version:

Npm uninstall sass-loader / / Uninstall npm install sass-loader@7.3.0 / / install the specified version install sass (avoid reporting errors due to excessive version) install two commands npm install sass-loader@7.3.1-- save-devnpm install-- save-dev node-sass configuration file

Open webpack.base.conf.js under the build folder

Find the module in module.exports and add the following configuration to rules:

{test: /\ .sass $/, loaders: ['style',' css', 'sass']} style label change

Then npm run dev restarts.

After reading this, the article "how to solve the compilation errors caused by the high version of sass-loader in vue" has been introduced. If you want to master the knowledge points of this article, you still need to practice and use it yourself to understand it. If you want to know more about related articles, welcome to follow the industry information channel.