Как решить ошибку «не удалось разрешить импорт» SRC/lib/utils »из ... существует ли файл?» ⇐ Html

[Anonymous]

Я новичок в React и пытаюсь следовать этому руководству () на YouTube. Я пытаюсь проверить компонент кнопки, который я строю, но я продолжаю получать сообщение об ошибке:
» /utils "from" src/components/ui/button.tsx ". Существует ли файл?"
Для справки я использую Vite + React + Tailwind.
Я прикрепил снимок экрана с остальной частью сообщения об ошибке.

Код: Выделить всё

import * as React from "react"
import { Slot } from "@radix-ui/react-slot"
import { cva, type VariantProps } from "class-variance-authority"

import { cn } from "src/lib/utils"
< /code>
Это код в utils.ts: < /p>
import { type ClassValue, clsx } from "clsx"
import { twMerge } from "tailwind-merge"

export function cn(...inputs: ClassValue[]) {
return twMerge(clsx(inputs))
}

Я импортирую компонент кнопки с @/components/ui/witro в revinupform.tsx с помощью этой команды:

Код: Выделить всё

import { Button } from "@/components/ui/button"

Я удалил «@», но когда я удаляю его с пути «@/components/ui/кнопка», я получаю ошибку: «Не удается найти модуль»/UI/кнопка 'или его соответствующие объявления типа. "< /p>
Я предполагаю, что это синтаксис или ошибка пути, которую я упускаю из виду. У кого -нибудь есть мысли? Спасибо.

Подробнее здесь: https://stackoverflow.com/questions/785 ... -from-does