我的 Vue.js 项目中有一个 ESlint 错误，为什么我不能修复它

Question

几个月前，我在我的 vue.js 项目中遇到了这个错误，第 22、23 和 24 行与底部代码块中的第 45、46 和 47 行相关

{
    "resource": "/C:/Users/Demo User/Documents/vue/mynewwebsite/src/App.vue",
    "owner": "eslint",
    "severity": 8,
    "message": "Parsing error: Unexpected token, expected \",\"\n\n  22 |   }\n  23 | }\n> 24 |\n     | ^",
    "source": "eslint",
    "startLineNumber": 47,
    "startColumn": 1,
    "endLineNumber": 47,
    "endColumn": 1
} 

从那以后，我试图在 SO 和 google 上找到解决方案，并问了一个朋友。 我认为这只是一个错误位置的逗号，并尝试在适当的位置添加和删除逗号，但这没有帮助（编辑：我错过了一个大括号，废话）

这是我在App.vue的 script 标签中的App.vue

25 <script>
26 import Modal from './components/Modal.vue';
27 export default {
28  name: 'App',
29  components: { Modal, },
30  data() {
31    return {
32      title: 'my new website',
33      header: 'Modal Header',
34      text: 'modal content',
35      showModal: false,
36      showModalTwo: false
37    }
38  },
39  methods: {
40    toggleModal() {
41      this.showModal = !this.showModal;
42    },
43    toggleModalTwo() {
44      this.showModalTwo = !this.showModalTwo;
45  }
46 }
47 </script>

Answer 1

我在toggleModalTwo缺少一个 '}'