Fix Node-sass error while creating project using vue/cli

This error occurs when CSS Pre-processor is selected during the setup options of the project using vue/cli due to some current conflict errors.

To fix this, you will need to reinitiate

vue create . in the current project directory

Select every other feature required for the project, except CSS Pre-processor feature (we will do that after).

After setup is completed, run the following command:

npm i -D sass-loader@^10.0.0
npm i node-sass@^6.0.1 --unsafe-perm

Congratulations, you can now successfully use sass in your project.

Reference:

https://stackoverflow.com/a/70972871