Всегда получаю сообщение об ошибке «Пробелы в конце запрещены» в VueJS

Question

Мой проект использует Vue и Vuetify, и всякий раз, когда я компилируюсь, эта ошибка всегда появляется в моем CLI: "Конечные пробелы не разрешены src \ App.vue: 39: 11"

Я использую ESlint, но яуже добавлен комментарий "/ * eslint-disable eol-last * /", но правила все еще не отключены. Я новичок в этой структуре.

вот мой файл App.vue:

<template>
  <div id="app">
    <div class="header">
      <h4>VUE.js SPA</h4>
     </div>
<v-card class="align-left">
  <v-navigation-drawer permanent>
    <v-list-item>
      <v-list-item-content>
        <v-list-item-title class="title">
          <router-link to="/" class="nav-link">Home</router-link>
        </v-list-item-title>
      </v-list-item-content>
      <v-list-item-content>
        <v-list-item-title class="title">
          <router-link to="/about" class="nav-link">About Me</router-link>
        </v-list-item-title>
      </v-list-item-content>
      <v-list-item-content>
        <v-list-item-title class="title">
          <router-link to="/works" class="nav-link">Works</router-link>
        </v-list-item-title>
      </v-list-item-content>
    </v-list-item>

    <v-divider></v-divider>

    <v-list dense nav>
      <v-list-item link>
        <v-list-item-content>
          <v-list-item-title>{{ item.title }}</v-list-item-title>
        </v-list-item-content>
      </v-list-item>
    </v-list>
  </v-navigation-drawer>
</v-card>
<div class="content">
  <router-view></router-view>
</div>  
 </div>
</template>

<script>
 export default {
  data () {
    return {
      items: [
        { title: 'Home' },
        { title: 'About' },
        { title: 'Works' }
      ]
    }
   }
  }
 </script>

Answer 1

Я думаю, что это проблема с vscode. Попробуйте следующее:

1. В vscode перейдите к настройкам (ctrl +,)
2. В настройках панели поиска введите «пробел в конце обрезки»
3. Под проверкой «пробел в конце обрезки"option.
4. Перезапустить vscode.
5. Теперь, когда вы сохраняете файл, vscode автоматически обрезает конечные пробелы.

Дайте мне знать, если проблема не устранена.

Приведенное выше решение не работает, но все равно сохраняет вышеуказанное решение для других.

Вместо использования "/ * eslint-disable eol-last /" используйте это "/ eslint-disable no-trailing-space * / "

Answer 2

Я копирую ваш код и вижу в строке 39, у вас есть пробел после </div>. Это просто, вы должны удалить свое пространство, чтобы игнорировать ошибку.