时间戳

首页 > 解决方案 > 我的 Vue.js 项目中有一个 ESlint 错误，为什么我不能修复它

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

问题描述

几个月前，我在我的 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 和谷歌上找到解决方案，我问了一个朋友。我认为这只是一个逗号在错误的地方，并尝试在适当的地方添加和删除逗号，但这没有帮助（编辑：我错过了一个花括号，duh）

这是我的脚本标签中的代码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>

标签： javascriptvue.jseslint

解决方案

我错过了一个'}'toggleModalTwo

推荐阅读