[英]How to fix “eslint(no-unused-vars)” in vue script
我正在嘗試在 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
主頁.vue
<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'
}
main.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')
我希望有足夠的信息,您可以幫助我修復它們
使用字符串模板正確構建您的 url,如下所示;
axios.delete(`${server.baseURL}/blog/delete?postID=${id}`).then(data => {
然后將使用server
和id
並修復錯誤。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.