nextjs에서 prisma연동 질문 드립니다

Question

// auth.ts import NextAuth from "next-auth"; import { PrismaAdapter } from "@auth/prisma-adapter"; import { prisma } from "@/prisma"; import CredentialsProvider from "next-auth/providers/credentials"; import { comparePassword } from "./lib/password-utils"; export const { handlers, auth, signIn, signOut } = NextAuth({ useSecureCookies: process.env.NODE_ENV === "production", trustHost: true, adapter: PrismaAdapter(prisma), secret: process.env.AUTH_SECRET, providers: [ CredentialsProvider({ name: "credentials", credentials: { email: { label: "이메일", type: "email", placeholder: "이메일 입력", }, password: { label: "비밀번호", type: "password", }, }, async authorize(credentials) { // 1. 모든 값들이 정상적으로 들어왔는가? if (!credentials || !credentials.email || !credentials.password) { throw new Error("이메일과 비밀번호를 입력해주세요."); } // 2. DB에서 유저를 찾기 const user = await prisma.user.findUnique({ where: { email: credentials.email as string, }, }); if (!user) { throw new Error("존재하지 않는 이메일입니다."); } // 3. 비밀번호 일치 여부 확인 const passwordMatch = comparePassword( credentials.password as string, user.hashedPassword as string, ); if (!passwordMatch) { throw new Error("비밀번호가 일치하지 않습니다."); } return user; }, }), ], session: { strategy: "jwt", }, });//route.ts import { handlers } from "@/auth"; export const { GET, POST } = handlers;// prisma.ts import { PrismaClient } from "@prisma/client"; const globalForPrisma = globalThis as unknown as { prisma: PrismaClient }; export const prisma = globalForPrisma.prisma || new PrismaClient(); if (process.env.NODE_ENV !== "production") globalForPrisma.prisma = prisma;이렇게 설정이 되어 있는데http://localhost:3000/api/auth/signin으로 들어가면Runtime Error Failed to load external module @prisma/client: Error: Cannot find module '#main-entry-point' Require stack: - C:\Users\dnxks\OneDrive\바탕 화면\project\learn\inflearn-fullstack\frontend\node_modules\.prisma\client\default.js - C:\Users\dnxks\OneDrive\바탕 화면\project\learn\inflearn-fullstack\frontend\node_modules\@prisma\client\default.js - C:\Users\dnxks\OneDrive\바탕 화면\project\learn\inflearn-fullstack\frontend\.next\server\chunks\[root-of-the-server]__d11a8224._.js - C:\Users\dnxks\OneDrive\바탕 화면\project\learn\inflearn-fullstack\frontend\.next\server\chunks\[turbopack]_runtime.js - C:\Users\dnxks\OneDrive\바탕 화면\project\learn\inflearn-fullstack\frontend\.next\server\app\api\auth\[...nextauth]\route.js - C:\Users\dnxks\OneDrive\바탕 화면\project\learn\inflearn-fullstack\frontend\node_modules\next\dist\server\require.js - C:\Users\dnxks\OneDrive\바탕 화면\project\learn\inflearn-fullstack\frontend\node_modules\next\dist\server\load-components.js - C:\Users\dnxks\OneDrive\바탕 화면\project\learn\inflearn-fullstack\frontend\node_modules\next\dist\build\utils.js - C:\Users\dnxks\OneDrive\바탕 화면\project\learn\inflearn-fullstack\frontend\node_modules\next\dist\build\swc\options.js - C:\Users\dnxks\OneDrive\바탕 화면\project\learn\inflearn-fullstack\frontend\node_modules\next\dist\build\swc\index.js - C:\Users\dnxks\OneDrive\바탕 화면\project\learn\inflearn-fullstack\frontend\node_modules\next\dist\build\next-config-ts\transpile-config.js - C:\Users\dnxks\OneDrive\바탕 화면\project\learn\inflearn-fullstack\frontend\node_modules\next\dist\server\config.js - C:\Users\dnxks\OneDrive\바탕 화면\project\learn\inflearn-fullstack\frontend\node_modules\next\dist\server\next.js - C:\Users\dnxks\OneDrive\바탕 화면\project\learn\inflearn-fullstack\frontend\node_modules\next\dist\server\lib\start-server.js Call Stack 48 Show 42 ignore-listed frame(s) {module evaluation} .next\server\chunks\[root-of-the-server]__d11a8224._.js (61:35) {module evaluation} file:///C:/Users/dnxks/OneDrive/%EB%B0%94%ED%83%95%20%ED%99%94%EB%A9%B4/project/learn/inflearn-fullstack/frontend/.next/server/chunks/[root-of-the-server]__d11a8224._.js (72:155) {module evaluation} file:///C:/Users/dnxks/OneDrive/%EB%B0%94%ED%83%95%20%ED%99%94%EB%A9%B4/project/learn/inflearn-fullstack/frontend/.next/server/chunks/[root-of-the-server]__d11a8224._.js (114:146) {module evaluation} file:///C:/Users/dnxks/OneDrive/%EB%B0%94%ED%83%95%20%ED%99%94%EB%A9%B4/project/learn/inflearn-fullstack/frontend/.next/server/chunks/[root-of-the-server]__d11a8224._.js (179:144) {module evaluation} file:///C:/Users/dnxks/OneDrive/%EB%B0%94%ED%83%95%20%ED%99%94%EB%A9%B4/project/learn/inflearn-fullstack/frontend/.next/server/chunks/9e883_next_0f3f5ee3._.js (16149:189) Object. .next\server\app\api\auth\[...nextauth]\route.js (8:3) ⨯ Error: Failed to load external module @prisma/client: Error: Cannot find module '#main-entry-point' Require stack: - C:\Users\dnxks\OneDrive\바탕 화면\project\learn\inflearn-fullstack\frontend\node_modules\.prisma\client\default.js - C:\Users\dnxks\OneDrive\바탕 화면\project\learn\inflearn-fullstack\frontend\node_modules\@prisma\client\default.js - C:\Users\dnxks\OneDrive\바탕 화면\project\learn\inflearn-fullstack\frontend\.next\server\chunks\[root-of-the-server]__d11a8224._.js - C:\Users\dnxks\OneDrive\바탕 화면\project\learn\inflearn-fullstack\frontend\.next\server\chunks\[turbopack]_runtime.js - C:\Users\dnxks\OneDrive\바탕 화면\project\learn\inflearn-fullstack\frontend\.next\server\app\api\auth\[...nextauth]\route.js - C:\Users\dnxks\OneDrive\바탕 화면\project\learn\inflearn-fullstack\frontend\node_modules\next\dist\server\require.js - C:\Users\dnxks\OneDrive\바탕 화면\project\learn\inflearn-fullstack\frontend\node_modules\next\dist\server\load-components.js - C:\Users\dnxks\OneDrive\바탕 화면\project\learn\inflearn-fullstack\frontend\node_modules\next\dist\build\utils.js - C:\Users\dnxks\OneDrive\바탕 화면\project\learn\inflearn-fullstack\frontend\node_modules\next\dist\build\swc\options.js - C:\Users\dnxks\OneDrive\바탕 화면\project\learn\inflearn-fullstack\frontend\node_modules\next\dist\build\swc\index.js - C:\Users\dnxks\OneDrive\바탕 화면\project\learn\inflearn-fullstack\frontend\node_modules\next\dist\build\next-config-ts\transpile-config.js - C:\Users\dnxks\OneDrive\바탕 화면\project\learn\inflearn-fullstack\frontend\node_modules\next\dist\server\config.js - C:\Users\dnxks\OneDrive\바탕 화면\project\learn\inflearn-fullstack\frontend\node_modules\next\dist\server\next.js - C:\Users\dnxks\OneDrive\바탕 화면\project\learn\inflearn-fullstack\frontend\node_modules\next\dist\server\lib\start-server.js at __TURBOPACK__module__evaluation__ (C:\Users\dnxks\OneDrive\바탕 화면\project\learn\inflearn-fullstack\frontend\.next\server\chunks\[root-of-the-server]__d11a8224._.js:61:35) at __TURBOPACK__module__evaluation__ (prisma.ts:1:1) at __TURBOPACK__module__evaluation__ (auth.ts:3:1) at __TURBOPACK__module__evaluation__ (app\api\auth\[...nextauth]\route.ts:1:1) at Object. (C:\Users\dnxks\OneDrive\바탕 화면\project\learn\inflearn-fullstack\frontend\.next\server\app\api\auth\[...nextauth]\route.js:8:3) > 1 | import { PrismaClient } from "@prisma/client"; | ^ 2 | 3 | const globalForPrisma = globalThis as unknown as { prisma: PrismaClient }; 4 | { page: '/api/auth/signin' } GET /api/auth/signin 500 in 419ms GET /favicon.ico 200 in 301ms이런 오류가 발생하는데 왜 PrismaClient를 찾지 못하는 건가요 선생님들?npx prisma generate도 해보았고 프로젝트도 갈아 엎어봤는데 도무지 고쳐지질 않네요... 도움좀 부탁드리겠습니다

프로폴리스 · Answer

모듈이 설치되지 않았다.클라이언트 코드(로그인 화면 컴포넌트)에서 서버코드인 프리스마를 호출 하였다.프리즈마 코어와 프리즈마 클라이언트 버전이 서로 호환되지 않는다.전체 구조나 코드를 모르니..대략 3가지 정도로 추측 합니다!next-auth에서 근데 왜 프리스마를...스터디 프로젝트인가요..?

nextjs에서 prisma연동 질문 드립니다

1개의 답변

#next.js 목록