Auto Importing a .ts, .vue file prints the file with .js extension

[devhus]

Hello there,
I am on a Typescript project and Valor keeps importing .ts files with ".js" ext instead. Later on cases issues with Vite builds where i need to remove/replace ".js" in all imports lines manually, and i have no idea what is causing that.

volar version: 0.39.5

Vite configs

import { fileURLToPath, URL } from 'url';

import vue from '@vitejs/plugin-vue';
import vueJsx from '@vitejs/plugin-vue-jsx';
import { visualizer } from "rollup-plugin-visualizer";
import { defineConfig } from 'vite';

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue(), vueJsx()],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  },
  build: {
    rollupOptions: {
      plugins: [
        visualizer()
      ]
    }
  }
})

ts.config

{
  "extends": "@vue/tsconfig/tsconfig.web.json",
  "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
  "exclude": ["src/**/__tests__/*"],
  "compilerOptions": {
    "lib": ["esnext", "dom"],
    "target": "esnext",
    "module": "esnext",    
    "moduleResolution": "node",
    "strict": true,
    "jsx": "preserve",
    "sourceMap": true,
    "resolveJsonModule": true,
    "esModuleInterop": true,
    "skipLibCheck": true,
    "composite": true,
    "allowJs": true,
    "baseUrl": ".",
    "paths": {
      "@/*": ["./src/*"]
    },
    "noImplicitAny":false,
    "importsNotUsedAsValues": "preserve",
    "preserveValueImports": false
  }
}

.eslintrc.cjs

/* eslint-env node */
require("@rushstack/eslint-patch/modern-module-resolution");

module.exports = {
  "root": true,
  "extends": [
    "plugin:vue/vue3-essential",
    "eslint:recommended",
    "@vue/eslint-config-typescript/recommended"
  ],
  "env": {
    "vue/setup-compiler-macros": true
  }
}

[johnsoncodehk]

You can config "javascript/typescript.preferences.importModuleSpecifierEnding": "minimal" in VSCode to avoid this problem for now.

[sheremet-va]

You can config "javascript/typescript.preferences.importModuleSpecifierEnding": "minimal" in VSCode to avoid this problem for now.

@johnsoncodehk this option is not supported in Take Over mode.

[johnsoncodehk]

Fixed by f786efa.