Use sass module in vue3 by it: Property '' does not exist on type '{}'.

import var scss in vs.config.js
//vue.config.js

module.exports = {
  css: {
    requireModuleExtension: true,
    loaderOptions: {
      scss: {
        prependData: `
                      @import "@/style/gobal.scss";
                  `,
      },
    },
  },
}

if delete the var, it's working fine.

[this-ren]

I has this error too

[mrmckeb]

Hi there, this is likely because the variables aren't available. You can look at the Sass options (here).

Unfortunately, if you don't import the vars you're using, there's no way this plugin can know they exist.

In your build process, this is probably handled by Webpack and the loader for Sass, which is why it seems to work magically :)

[Dodje]

@mrmckeb
Didn't want to create an issue, I hope it's okay if I ask it here whether it is possible to make it work with typescript vue files?

I've found a message about module not working with files except js/ts

It work fine with .tsx files for me, but I need it working with vue..

[mrmckeb]

Hi @Dodje, please do raise an issue and we can talk there!

I'm definitely OK with expanding support, that comment was actually about VSCode's command palette. Right now, it should work anywhere the TypeScript compiler works... so I'll be interested to understand more.

And sorry for the slow reply, I've been moving country!

[mrmckeb]

I just noticed that the original post had a typo which may have been the cause @import "@/style/gobal.scss"; - where gobal should be global.