240306 개발일지 TIL - Module not found: Can't resolve '@/components/theme-provider'

./src/pages/_app.tsx:3:0
Module not found: Can't resolve '@/components/theme-provider'
  1 | // 전역 상태 및 테마 관리
  2 | import "@/styles/globals.css";
> 3 | import { ThemeProvider } from "@/components/theme-provider";
  4 | import { ModeToggle } from "@/components/mode-toggle";
  5 | import { Toaster } from "@/components/ui/toaster";
  6 | import type { AppProps } from "next/app";

https://nextjs.org/docs/messages/module-not-found

문제 발생

전역 상태 및 테마관리를 하는 파일인 _app.tsx파일에서 components/theme-provider가 없다고 하는 현상

문제 원인

components/theme-provider이 존재하고
import로 불러오는 부분도 components/theme-provider로 일치해야 하는데 일치하지 않아서 발생

import { ThemeProvider } from "@/components/ThemeProvider";

해결 방법

import { ThemeProvider } from "@/components/theme-provider";

느낀 점

자동완성 기능을 너무 믿지 말고 확인하고 또 확인해보자!