typescript - Vue中使用的接口的Eslint no-unused-vars错误显示
问题描述
我将 Vue 与 Vue CLI 和 Typescript 一起使用。
我从 vuex 文件中导入接口并将其用于mapState
类型注释。
但是 eslint 向我显示了一个错误。
'State' is defined but never used. eslint(no-unused-vars)
代码
import { Component, Vue } from 'vue-property-decorator';
import { mapState } from 'vuex';
import { State } from '@/store/index';
@Component({
computed: mapState<State>({
cards: (state: State) => state.user.cards,
})
})
export default class Home extends Vue {}
.eslintrc.js
module.exports = {
root: true,
env: {
node: true
},
'extends': [
'plugin:vue/essential',
'eslint:recommended',
'@vue/typescript'
],
rules: {
'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
'quotes': ['error', 'single'],
'semi': ['warn', 'always']
},
parserOptions: {
parser: '@typescript-eslint/parser'
}
};
我应该怎么做才能看到 eslint 错误?
解决方案
解决方案:
EsLint 默认no-unused-vars
有一个错误,会像您解释的那样重现。根据我的消息来源 [1],它应该@typescript-eslint/no-unused-vars
像这样使用来修复:
overrides: [
// Fix no-used-vars when importing ts types in .vue files
{
files: ["*.vue"],
rules: {
'no-unused-vars': 'off',
'@typescript-eslint/no-unused-vars': 'error'
}
}
]
来源 [2] 是关于同一主题的另一个问题。在那里,我的解决方案 [1] 是其中一种选择。在 [2] 和 [3] 中,据说您需要像这样安装@typescript-eslint/eslint-plugin
和@typescript-eslint/parser
安装:
npm install --save-dev eslint @typescript-eslint/parser @typescript-eslint/eslint-plugin
资源:
[1] https://github.com/vuejs/eslint-config-typescript/issues/14
[2] ESLint - 为 TypeScript 配置“no-unused-vars”
[3] https://khalilstemmler.com/blogs/typescript/eslint-for-typescript/
推荐阅读
- javascript - 在循环中调用异步等待时出现语法错误
- javascript - Jest 测试没有通过任何参数(变为“未定义”)
- javascript - 当我从 URL 获取 json 数据时,它什么也不显示
- python - C++ vs python numpy 复杂数组性能
- node.js - CURL --resolve 在 node.js axios
- c - 我正在尝试创建一个函数来检查矩阵是否为下三角形,但我在运行它时遇到问题,它说 n 和 int m 没有声明
- tableau-api - 如何在 Tableau 中逐年制作堆积条形图?
- java - 为什么某些 Java 类可以访问我的 IntelliJ IDEA 项目中的图像,但 JavaFX 中的其他类不能访问?
- c# - 列表中的小数不保持价值或在应该时添加。一直返回 0
- python - 如何跳过 json 文件的顶层层次结构并将其重新创建为新的 json 文件?