Import typescript file with alias in path into vue component.

• [ x ] I have searched through existing issues
• [ x ] I have read through docs
• [ x ] I have read FAQ

Info

• Platform: macOS
• Vetur version: 0.22.4
• VS Code version: 1.32.1 (1.32.1)

Problem

Error in .vue file during import .ts file with alias in path. File is imported correctly but editor mark line with import.

Relative path without an error

Path with alias with an error.

Please note that other files are imported without any error.

tsconfig.json

{
  "compilerOptions": {
    "target": "esnext",
    "module": "esnext",
    "strict": true,
    "noImplicitAny": true,
    "noImplicitThis": true,
    "jsx": "preserve",
    "importHelpers": true,
    "moduleResolution": "node",
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "sourceMap": true,
    "baseUrl": ".",
    "types": ["webpack-env", "types/globalTypes.ts"],
    "paths": {
      "@/*": ["src/*"]
    },
    "lib": ["esnext", "dom", "dom.iterable", "scripthost"]
  },
  "include": [
    "src/**/*.ts",
    "src/**/*.tsx",
    "src/**/*.vue",
    "tests/**/*.ts",
    "tests/**/*.tsx"
  ],
  "exclude": ["node_modules"]
}

[yoyo930021]

Hello everyone, Vetur is support this feature now. Please keep tsconfig.json in project root. Remember set compilerOption.paths. and than restart vue language server or restart VSCode.

[luan-orlandi-ifood]

For anyone still struggling with this, In my case, what worked was by inserting the .vue format at the of the import, then the error was gone