Почему WebStorm не видит vue файлы при импорте?

Question

[reasonov]

Добрый вечер, у меня возникла проблема, подключил ts к существующему проекту, все нормально, но когда я начинаю набирать import ComponentName, IDE (WebStrom) не выдает подсказку, откуда импортировать компонент. Такое происходит только в компоненте со "script lang="ts". В чем может быть проблема?

Comments

[WbICHA]

Такое происходит только в компоненте с

Интрига! Подожду развязки.

Answer 1

[reasonov]

Проблема решилась после того, как я обновил vite.config.ts, добавив в него следующее:

import { fileURLToPath, URL } from "node:url"

export default defineConfig({
  resolve: {
    alias: {
      "@": fileURLToPath(new URL("./resources/js/", import.meta.url)),
      "~": fileURLToPath(new URL("./", import.meta.url)),
    },
  },
})

и tsconfig.json:

{
    "include": [
        "resources/js/**/*"
    ],
    "exclude": [
        "node_modules",
        "vendor"
    ]
}

P.S. Проект Laravel + Vue + TS