PythonMaster2281337

sass-loader не работает с версией 8.0.0. и vue cli 3.10.0

Как уже всем известно scss новая версия sass так что придется новую версию sass'a использовать.

Вы конечно можете попробовать исправить эту проблему вписывая в vue.config.js эту штуку.

module.exports = {
  css: {
    loaderOptions: {
      sass: {
        prependData: ` @import '@/assets/sass/_theme.scss';`
      }
    }
  },
}

Или это.

Сначала все обновляем.

npm update -g @vue/cli
# OR
yarn global upgrade --latest @vue/cli

npm update sass-loader
# OR
yarn upgrade --latest sass-loader

module.exports = {
  css: {
    loaderOptions: {
      // old
      sass: {
        data: `@import "@/styles/_global.scss";`,
      },
      // new
      sass: {
        prependData: `@import "@/styles/_global.sass"`, // change to *.sass; remove semi-colon
      }, 
      scss: { // separate one for scss
        prependData: `@import "@/styles/_global.scss"`, // this is .scss
      }, 
    },
  },
  // ...
}

Или это.

module.exports = {
  css: {
    loaderOptions: {
      sass: {
        sassOptions: {
          includePaths: [
            './node_modules'
          ]
        },
        prependData: `@import "@/styles/global.scss";`,
      },
    },
  },
};

Не забудьте проверять все это в vue.config.js.

Если не сработает, то как уже сказал

sass-loader не работает с версией 8.0.0. и vue cli 3.10.0