我的 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

脚本标签中的代码

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

中遗漏了一个“}”

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

I have an ESlint error in my Vue.js project, why can't I fix it

javascript

eslint

vue.js