Ошибка ts 1484

[kirilljsx]

Наверное многие кто только вкатываются в TypeScript встречаются с такой типовой ошибкой как ts 1484:
User is a type and must be imported using a type-only import when verbatimModuleSyntax is enabled. (ts 1484)

Давайте разберем что тут происходит, если говорить дословно то TypeScript говорит нам что мы импортируем типы, а не какой-то другой модель.

Всего скорее у вас есть файл entities/types.ts где есть interface или type:

interface User {
  name: string;
  age: number;
}

export { User }

А импортируете вы его так:

import { User } from "../entities/types.ts"

И вот как раз тут и кроется вся суть проблемы, TS ожидает что мы импортируем именно типы, а для этого после ключевого слова import необходимо добавить type:

import type { User } from "../entities/types.ts"

После того как мы подставим ключевое слово type ошибка должна пропасть.

Также помимо импорта, есть более строгий тип экспорта:

export type { User }

он запрещает использовать импортированное как значение. Полезно при включенном isolatedModules (Vite, esbuild).