Vue+Ts项目 代码检查报错问题

Question

pages.json如下

 "devDependencies": {
    "@typescript-eslint/eslint-plugin": "^2.18.0",
    "@typescript-eslint/parser": "^2.18.0",
    "@vue/cli-plugin-babel": "^4.2.0",
    "@vue/cli-plugin-eslint": "^4.2.0",
    "@vue/cli-plugin-router": "^4.2.0",
    "@vue/cli-plugin-typescript": "^4.2.0",
    "@vue/cli-plugin-vuex": "^4.2.0",
    "@vue/cli-service": "^4.2.0",
    "@vue/eslint-config-typescript": "^5.0.1",
    "eslint": "^6.7.2",
    "eslint-plugin-vue": "^6.1.2",
    "typescript": "~3.7.5",
    "vue-template-compiler": "^2.6.11"
  }

报错如下图

.eslintrc.js 文件

Answer 1

tsconfig里面有个paths 也配置下 例如这个paths的配置

{
    "compilerOptions": {
        "target": "es2017",
        "module": "commonjs",
        "removeComments": false,
        "preserveConstEnums": true,
        "moduleResolution": "node",
        "experimentalDecorators": true,
        "noImplicitAny": false,
        "allowSyntheticDefaultImports": true,
        "outDir": "lib",
        "noUnusedLocals": true,
        "noUnusedParameters": true,
        "strictNullChecks": true,
        "sourceMap": true,
        "baseUrl": ".",
        "rootDir": ".",
        "jsx": "preserve",
        "jsxFactory": "Taro.createElement",
        "allowJs": true,
        "resolveJsonModule": true,
        "typeRoots": ["node_modules/@types", "global.d.ts"],
        "paths": {
            "@/*": ["./src/*"],
            "@components/*": ["./src/components/*"],
            "@utils": ["./src/common/utils.ts"],
            "@pages/*": ["./src/pages/*"],
            "@request": ["./src/request.ts"]
        }
    },
    "exclude": ["node_modules", "dist"],
    "compileOnSave": false
}

Answer 2

先问你：@Component 是什么语法？

Answer 3

没用过这个，同关注语法。
装饰器返回的应该是个函数吧，编译时装饰器会把装饰对象（类、方法等）当作参数输入到函数中，但这个语法是什么意思？