Typescript Error: TS2339: The property 'faillogout' is not found within the type '{ failed(): void; onSubmit(): void; }'

Question

Typescript Error: TS2339: The property 'faillogout' is not found within the type '{ failed(): void; onSubmit(): void; }'

I encountered an issue with my Vue.js app using TypeScript. The error message I'm getting is:

Property 'faillogout' does not exist on type '{ failed(): void; onSubmit(): void; }'.
    101 |     failed () {

This snippet shows the script section of my .vue file

<script lang="ts">
import store from '../store'
export default {
  data () {
    return {
      email: '',
      password: '',
      faillogout: false
    }
  },
  methods: {
    failed () {
      if (!store.state.idToken) {
        this.faillogout = true
      }
    },
    onSubmit () {
      const formData = {
        email: this.email,
        password: this.password
      }
      console.log(formData)
      store.dispatch('login', {email: formData.email, password: formData.password})
      setTimeout(this.failed, 3000)
    }
  }
}
</script>

If anyone has suggestions on how to resolve this issue, I would greatly appreciate any help.

typescript vue.js

Answer 1

Answer №1

To enhance TypeScript type inference, consider encapsulating your component within defineComponent()

import { defineComponent } from 'vue'

export default defineComponent({
  data() {
   return {
      username: '',
      age: 0,
      isLoggedIn: false
    }
  },
})

Answer 2

To enhance TypeScript type inference, consider encapsulating your component within defineComponent()

import { defineComponent } from 'vue'

export default defineComponent({
  data() {
   return {
      username: '',
      age: 0,
      isLoggedIn: false
    }
  },
})

Typescript Error: TS2339: The property 'faillogout' is not found within the type '{ failed(): void; onSubmit(): void; }'

Answer №1

Similar questions

Tips for effectively jasmine testing with the createSpyObj function, where class properties are defined as spies

Selecting options in combobox for each row in a table using Angular 2 programmatically

Vuex computed property not updating when listening to getter

Creating custom generic functions such as IsAny and IsUnknown that are based on a table of type assignability to determine

I've come across certain challenges when setting values for Vue data objects

Steps to resolve the Angular observable error

Vue Component Rendering Before Vuex Data is Ready

Utilizing props in styled components with Emotion-js and Typescript is not feasible

Eliminate any duplicate items from the array containing objects

Tips for importing a module such as 'MyPersonalLibrary/data'

State in Vuex is not kept intact after redirection to another page

Stop the observable interval in Angular when the route changes

Using TypeScript to define callback functions within the Cordova.exec method

What methods can I use to make sure the right side of my React form is properly aligned for a polished appearance?

Is it possible to use the `fill` method to assign a value of type 'number' to a variable of type 'never'?

Using a template element for looping over an array with conditional rendering

Vuejs Conditional Template Logic

Dynamic population of select options in Vue.js can be achieved by dynamically

Is it possible for users to circumvent limitations on specific routes or pages in a Vue.js application by exploiting the fact that all the code is processed on the client

Creating a JavaScript library with TypeScript and Laravel Mix in Laravel