can not resolve ts files using their corresponding js extesions

[wight554]

Support for .ts to .js alias was added in vite upstream
But it doesn't work with vite-tsconfig-paths:

// from vite.config.ts
  plugins: [
    preact({
      include: '{test/,}src/**/*.{ts,tsx}',
    }),
    !isTest && tsconfigPaths(),
    !isTest &&
      checker({
        typescript: { tsconfigPath: 'src/tsconfig.json' },
        eslint: {
          lintCommand: 'eslint "./src/**/*.{ts,tsx}"',
        },
      }),
    isTest && typescript(),
  ],

// from tsconfig.json

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

Currently I can fix it by:

resolve: {
    alias: [{ find: /^(@.*\/.*)\.js$/, replacement: '$1.ts' }]
}

Repro can be found here:
wight554/blog-template#50

See this issue for more details:
vitejs/vite#7918

[aleclarson]

This is a bug in tsconfig-paths

See here: dividab/tsconfig-paths#213

[tianyingchun]

Are there any temporary solutions at the moment?

[wight554]

Are there any temporary solutions at the moment?

Alias, check issue description for example