Hi, i have been building an application while i am importing the Components i am getting an error "Module not found: Can't resolve '@/components'" even though every thing is right..

import { fetchCars } from "@/utils";
import { HomeProps } from "@/types";
import { fuels, yearsOfProduction } from "@/constants";
import { CarCard, SearchBar, CustomFilter, Hero} from "@/components";
export default async function Home({ searchParams }: HomeProps) {
  const allCars = await fetchCars({
    // manufacturer: searchParams.manufacturer || "",
    // year: searchParams.year || 2022,
    // fuel: searchParams.fuel || "",
    // limit: searchParams.limit || 10,

here is the code of that