A problem in that project use vue with typescript

[surkaa]

When using Vue+ts in WebStorm, the compiler always has this problem that has bothered me for a long time. In fact, not only WebStorm, but also vscode will report the same error. I have consulted a lot of information and found various solutions, but I don’t know. Why is mine always unavailable?

Extended Information:
My code repository: https://github.com/surkaa/error-demo

[chenxch]

// tsconfig.ts add
{
"compilerOptions": {
    "target": "ESNext",
    "useDefineForClassFields": true,
    "module": "ESNext",
    "moduleResolution": "Node",
    "strict": true,
    "jsx": "preserve",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "esModuleInterop": true,
    "lib": ["ESNext", "DOM", "DOM.Iterable"],
    "skipLibCheck": true,
    "allowSyntheticDefaultImports": true,
    "noEmit": true,
    "allowJs": true,
    "paths": {
      "@/*": ["./src/*"]
    },
    "types": ["@vue/runtime-core"]
  },
}

[surkaa]

First of all I appreciate your reply,
Now I've tried your proposed solution:
surkaa/error-demo@2b3e81f
When I added it, it did not disappear immediately. It was only after I restarted webstorm that the problem disappeared.
Thanks again for your reply.
If it's convenient for you, can you tell me why this problem occurs?

[chenxch]

The main reason should be that the ts parsing path is not configured in the custom alias @.

    "paths": {
      "@/*": [
        "./src/*"
      ]
    },

[surkaa]

ok, i see