Question

当我尝试测试ModUsuario.vue组件时，与“获取器”有关的错误。

GitHub存储库：https://github.com/SergioFerrera/jest_vuejs

错误代码：

TypeError: Cannot read property 'getters' of undefined

ModUsuario.vue

<script>
export default {
  data() {
    return{
    }
  },
  created(){
  },
  computed: {
    getName() {
      return this.$store.getters.name
    },
    getSurname() {
      return this.$store.getters.surname
    },
    getBirthdate() {
      return this.$store.getters.birthdate
    },
    getGenre() {
      return this.$store.getters.genre
    },
    getEmail() {
      return this.$store.getters.email
    }
  }
}
</script>

modusuario.test.js

import { mount } from 'vue-test-utils'
import ModUsuario from "../../src/app/components/ModUsuario.vue";

describe("ModUsuario.vue", () => {    
  const wrapper = mount(ModUsuario);

Answer 1

我看了你的回购。 Here您正在从文件夹存储导入存储，此文件夹不在存储库中。还有一些有关您的代码的建议-最好使用mapGetter helper-这样您就可以避免许多相同的计算属性。

一种好的做法是将vue应用程序index.js拆分为代码-路由应位于单独的文件中。

还请阅读有关所有组件的全局导入的信息。最好将它们导入您需要的地方。原因是您的做法-您的js代码的起始数量将很大

尝试测试Vue组件时，如何使用吸气剂解决此错误？

1 个答案: