Как исправить " eslint (no-unused-vars)" в скрипте vue

Как исправить " eslint (no-unused-vars)" в скрипте vue

21.10.2019 01:57:56 Просмотров 107 Источник

Я пытаюсь запустить сервер в приложении Vuejs, но у меня есть проблемы с сообщением eslint, ценю вашу помощь в их исправлении

Это мой JSON-файл :

 {
   "name": "blog-frontend",
   "version": "0.1.0",
   "private": true,
   "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
 },
  "dependencies": {
   "axios": "^0.19.0",
   "core-js": "^3.3.2",
   "vue": "^2.6.10",
   "vue-router": "^3.0.6"
 },
  "devDependencies": {
   "@vue/cli-plugin-babel": "^4.0.0",
   "@vue/cli-plugin-eslint": "^4.0.0",
   "@vue/cli-plugin-router": "^4.0.0",
   "@vue/cli-service": "^4.0.0",
   "babel-eslint": "^10.0.1",
   "eslint": "^5.16.0",
   "eslint-plugin-vue": "^5.0.0",
   "vue-template-compiler": "^2.6.10"
 }
}

Это сообщение на консоли:

 ERROR  Failed to compile with 1 errors                                                                             5:11:39 PM
 error  in ./src/views/Home.vue

Module Error (from ./node_modules/eslint-loader/index.js):
error: 'server' is defined but never used (no-unused-vars) at src\views\Home.vue:40:9:
  38 | <script>
  39 | // @ is an alias to /src
> 40 | import {server} from "@/utils/helper";
     |         ^
  41 | import axios from "axios";
  42 |
  43 | export default {


error: 'id' is defined but never used (no-unused-vars) at src\views\Home.vue:58:16:
  56 |         .then(data => (this.posts = data.data));
  57 |     },
> 58 |     deletePost(id) {
     |                ^
  59 |       axios.delete('${sever.baseURL}/blog/delete?postID=${id}').then(data => {
  60 |         console.log(data);
  61 |         window.location.reload();


2 errors found.

 @ ./src/router.js 3:0-41 19:15-28
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://192.168.1.152:8080/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

Домой.вю

<script>
 // @ is an alias to /src
 import {server} from "@/utils/helper";
 import axios from "axios";

export default {
 data() {
  return {
   posts: []
 };
},
created() {
 this.fetchPosts();
},
methosd: {
 fetchPosts() {
  axios
    .get('${server.baseURL}/blog/posts')
    .then(data => (this.posts = data.data));
},
deletePost(id) {
  axios.delete('${sever.baseURL}/blog/delete?postID=${id}').then(data => {
    console.log(data);
    window.location.reload();
   });
  }
 }
};
</script>

помощник.JS

export const server = {
 baseURL: 'http:localhost:3000'
}

главный.JS

import Vue from 'vue'
import App from './App.vue'
import router from './router'

Vue.config.productionTip = false

new Vue({
 router,
  render: h => h(App)
}).$mount('#app')

Я ожидаю, что достаточно информации, и вы можете помочь мне исправить их

У вопроса есть решение - Посмотреть?

Ответы - Как исправить " eslint (no-unused-vars)" в скрипте vue / How to fix "eslint(no-unused-vars)" in vue script

Является ответом!
Antonio

21.10.2019 02:14:52

Используйте шаблон строки, чтобы построить свой url правильно, как показано ниже;

axios.delete(`${server.baseURL}/blog/delete?postID=${id}`).then(data => {

Затем serverи idбудут использоваться, и ошибки будут исправлены.

https://stackoverflow.com/questions/58477970/how-to-fix-eslintno-unused-vars-in-vue-script/58478054#comment103304514_58478054
Спасибо, братан это работает
Закрыть X