Import typescript file with alias in path into vue component.

[mstys]

• [ 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"]
}

[mstys]

Update: no idea what was the reason of above issue but reinstalling vscode and setup project again helped. I can't reproduce an issue again.

[samelie]

Dang! this one is annoying. The code compiles (custom webpack with the resolve :

resolve: {
    modules: [constants.NODE_MODULES_DIR, constants.WORKSPACE_NODE_MODULES_DIR],
    extensions: ['.ts', '.js', '.vue', '.json'],
    alias: {
      '@': constants.SRC_DIR,     
      ),
    },
  },

of course this has nothing to do with VS Code's path resolver. Will post if I find fix

[nizulzaim]

same issue. i know this already closed but get same problem

[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

[ishaan-puniani]

Hello, I am getting the same issue,
Working fine on my teammate machine but not working on my machine and not working on github actions.

not sure what I am missing