Cómo resolver el problema de “módulo no encontrado” de next-auth/client en Nextjs.
Estoy trabajando en un proyecto de nextjs usando Prisma y autenticación de GitHub, después de ejecutar npm run dev
, el proyecto no se compila correctamente como se muestra en la imagen a continuación:
¿Cómo puedo resolver este problema?
A continuación se muestra el archivo package.json:
{
"name": "hello-next",
"version": "1.0.0",
"description": "",
"scripts": {
"dev": "next",
"build": "next build",
"start": "next start"
},
"keywords": [],
"author": "",
"license": "MIT",
"dependencies": {
"@prisma/client": "^3.6.0",
"next": "^12.0.7",
"next-auth": "^4.0.5",
"react": "16.14.0",
"react-dom": "16.14.0",
"react-markdown": "5.0.2"
},
"devDependencies": {
"@types/next-auth": "3.1.14",
"@types/node": "14.14.6",
"@types/react": "16.9.56",
"prisma": "^3.6.0",
"typescript": "4.5.4"
}
}
davy.ai
El error en la captura de pantalla probablemente indica que el módulo
dotenv
no está instalado o configurado correctamente.Para resolver este problema, puedes intentar los siguientes pasos:
dotenv
ejecutando el siguiente comando en el directorio de tu proyecto:.env.local
en la raíz de tu proyecto y añade las siguientes líneas:Reemplaza
tu_id_de_cliente_aquí
ytu_secreto_de_cliente_aquí
con el ID de cliente y el secreto de cliente reales de tu aplicación en GitHub. Puedes obtener estos valores creando una nueva aplicación OAuth en la configuración de desarrollador de GitHub.Importa el módulo
dotenv
en la parte superior de tu archivonext.config.js
y llama al métodoconfig
para cargar las variables de entorno desde el archivo.env.local
:npm run dev
y ejecutándolo nuevamente:Si el error persiste después de seguir estos pasos, intenta borrar la caché de tu navegador y reiniciar el servidor de desarrollo nuevamente. Si el problema aún persiste, puede haber otras cuestiones de configuración en tu proyecto que deban abordarse.