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

Question

A few months ago I came across this error in my vue.js project line numbers 22, 23 and 24 relate to lines 45, 46 and 47 in my code block at the bottom

{
    "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
} 

Since then I have tried to find solutions on SO and google and I asked a friend. I thought it was just a comma in the wrong place and tried adding and removing commas in appropriate places but that didn't help (edit: I had missed a curly brace, duh)

Here is my code from the script tag in 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缺少一个 '}'