Path aliases in tsconfig don't work with vue-tsc

[Darkzarich]

Hello

I have the following in my tsconfig.json :

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

When I just run

vue-tsc --noEmit --skipLibCheck

It works just fine

but I use Husky git hooks to check staged files defined like that

"lint-staged": {
    "*.{vue,ts,tsx}": [
	"vue-tsc --noEmit --skipLibCheck"
    ]
},

When I do git add . & git commit it checks the staged files and fails with the following error:

error TS2307: Cannot find module '@/entities/revision' or its corresponding type declarations.
error TS2307: Cannot find module '@/entities/user' or its corresponding type declarations.
error TS2307: Cannot find module '@/shared/api' or its corresponding type declarations.
error TS2307: Cannot find module '@/shared/lib/errors' or its corresponding type declarations.
error TS2307: Cannot find module '@/shared/ui' or its corresponding type declarations.

It seems that my path aliases are not recognized in this check

[littledot]

Your tsconfig.baseUrl is missing

https://www.typescriptlang.org/tsconfig#paths

[Darkzarich]

Your tsconfig.baseUrl is missing

https://www.typescriptlang.org/tsconfig#paths

I didn't provide the full content of tsconfig, here it is for the compilerOptions

{
  "compilerOptions": {
    "strict": true,
    "experimentalDecorators": true,
    "removeComments": true,
    "allowSyntheticDefaultImports": true,
    "allowJs": true,
    "checkJs": false,
    "sourceMap": true,
    "module": "ESNext",
    "target": "ESNext",
    "moduleResolution": "node",
    "esModuleInterop": true,
    "jsx": "preserve",
    "noImplicitThis": true,
    "importHelpers": true,
    "baseUrl": ".",
    "paths": {
      "@/*": ["./src/*"],
      "@@/*" : ["./*"],
      "@public/*" : ["./public/*"],
    },
    "outDir": "./built"
  },
}

[johnsoncodehk]

Hi @Darkzarich, I think this is not vue-tsc issue because it do not occur in execute vue-tsc --noEmit --skipLibCheck directly. I have no experience with Husky git hooks, but if you can provide repro case I may able to found out the problem.

[shallker]

@Darkzarich Hey, have you solved the problem later? I have occurred the same error...

[Darkzarich]

@shallker hi
No, I wasn't able to figure out what was going wrong so instead I run it manually without Husky it works fine and also included that check in our pipeline so if the types are wrong it can't be merged on the remote repository

[johnsoncodehk]

Not sure it helps, but you could check https://github.com/sethidden/vue3-eslint-stylelint-demo.

[mockingjet]

same problem here, any workaorund please?

[aparajita]

Same here. It isn't working from the command line.

[pencilcheck]

include + baseUrl are needed in addition to paths

[TrueMoein]

+1 same issue.

[aurium]

+1 same issue.

[91khr]

It's illustrated in this StackOverflow answer that tsc (and maybe vue-tsc) doesn't respect tsconfig.json when an input file is specified from arguments, and in this case, all compiler options must be specified with arguments.

A workaround is also suggested in the SO answer: create a file like this, and use it as vue-tsc project file:

{
  "extends": "./tsconfig.json",
  "include": [
      "src/root/index.ts"
  ]
}