Calling instance method from getter in VueSingleFileComponent causes error: Cannot find module

I’ve a vue 3 project with typescript and I’m trying to get ts-transformer-keys work.

My configuration:

tsconfig.json:

"plugins": [
      { "transform": "ts-transformer-keys/transformer" }
]

vue.config.js

chainWebpack: config => {
    ['ts', 'tsx'].forEach(rule => {
      config.module
        .rule(rule)
        .use('ts-loader')
        .tap(options => Object.assign(options, {
          compiler: 'ttypescript',
          transpileOnly: false
        }))
    })
  }

I could locate the issue in the following problem: If I call an instance method from a getter I got an error

Error: Cannot find module ‘C:\path\src\App.vue.ts’

Without ts-transformer-keys this works fine.

For Example: App.vue:

<template>
  <p>{{ message }}</p>
  <p>{{ messageAlias }}</p>
  <p>{{ upperCaseMessage }}</p>
  <p>{{ messageToUpperCase }}</p>
</template>

<script lang="ts">
import { Vue } from 'vue-class-component'
export default class App extends Vue {
  message = 'hello World'

  get messageAlias() {
    return this.message
  }

  get upperCaseMessage() {
    // return this.message.toUpperCase() // this will work
    return this.messageToUpperCase() // this won't
  }

  messageToUpperCase() {
    return this.message.toUpperCase()
  }
}
</script>

[kimamula]

@Buntelrus Thanks for reporting. Fixed in v0.4.3.

[kimamula]

When I tried yarn build --mode development, it worked fine. I guess some build setting that is specific to production is preventing the transformer from working properly.

A similar problem was found before. But this time onlyCompileBundledFiles does not seem to be the cause of the problem as specifying onlyCompileBundledFiles: false does not help.