我正在尝试为我的TypeScript Nuxt.js项目设置ESLint和Prettier。不幸的是,某些ESLint配置的组合会产生奇怪的错误。
下面的示例文件仅使用命令行中的漂亮脚本就可以很好地验证。但是,使用ESLint时出现以下错误:
2:10 error Parsing error: Unexpected token
1 | export default class User {
> 2 | public name: string;
| ^
3 | }
奇怪的是,如果我从ESLint配置中删除了plugin:vue/recommended
扩展名,示例文件就可以很好地验证了。在我看来,TypeScript文件存在冲突或替代,但我无法确切找出问题所在以及解决方法。
示例文件User.ts
:
export default class User {
public name: string;
}
ESLint配置:
module.exports = {
root: true,
env: {
browser: true,
node: true
},
parserOptions: {
parser: 'babel-eslint',
ecmaFeatures: {
legacyDecorators: true
}
},
extends: [
'typescript',
'plugin:vue/recommended',
'plugin:prettier/recommended',
'prettier/vue'
],
plugins: [
'prettier',
'vue'
],
rules: {
'prettier/prettier': 'error'
}
}