How to import an index.ts file using vue 3 and vite without specifying the file extension when there is another index.vue file in the same folder?

I'm trying to import the component:

import { Component } from '@/app/some_component'

src | └─── app │ └───some_component │ index.ts │ index.vue │ ...

But Webstorm references the index.vue file by default.

So, how to make Webstorm import the index.ts file by default?

P.S. By the way, everything works fine when I build the app, it seems to be a linking issue with Webstorm.

这是vite.config.ts的内容

import { defineConfig } from 'vite' import path from 'path' import vue from '@vitejs/plugin-vue' import tsconfigPaths from 'vite-tsconfig-paths' export default defineConfig({ plugins: [vue(), tsconfigPaths()], server: { host: true, port: 5000, }, preview: { port: 8000 }, resolve: { alias: { '@': path.resolve(__dirname, "./src"), }, }, css: { preprocessorOptions: { scss: { additionalData: ` @import "@/app/styles/vars.scss"; @import "@/app/styles/mixins.scss"; ` } } }, })

这是tsconfig.json的内容

{ "compilerOptions": { "target": "ES2020", "useDefineForClassFields": true, "module": "ESNext", "lib": ["ES2020", "DOM", "DOM.Iterable"], "skipLibCheck": true, /* Bundler mode */ "moduleResolution": "bundler", "allowImportingTsExtensions": true, "resolveJsonModule": true, "isolatedModules": true, "noEmit": true, "jsx": "preserve", /* Linting */ "strict": true, "noUnusedLocals": true, "noUnusedParameters": true, "noFallthroughCasesInSwitch": true, "paths": { "@/*": [ "./src/*" ] } }, "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx"], "references": [{ "path": "./tsconfig.node.json" }] }