Hello everyone, I am trying to deploy a project with NextJS as a web service but I have some errors in the build.
Two of the errors are those seen in the image.
The first error refers to src/app/layout.js and seems to indicate an error in next/font.
The layout.js file contains the following:
import { Inter } from “next/font/google”;
import “./globals.css”;
import LoadingComponent from “@/components/Loading”;
import clsx from “clsx”;
The second error refers to not being able to find the tailwindcss module which is as follows in my package.json file:
{
“name”: “my-app-name”,
“version”: “0.1.0”,
“private”: true,
“scripts”: {
“dev”: “next dev”,
“build”: “next build”,
“start”: “next start”,
“lint”: “next lint”
},
“dependencies”: {
“@heroicons/react”: “^2.1.5”,
“axios”: “^1.7.2”,
“cookies-next”: “^4.2.1”,
“iron-session”: “^8.0.2”,
“next”: “14.2.4”,
“react”: “^18”,
“react-dom”: “^18”,
“zustand”: “^4.5.4”
},
“devDependencies”: {
“@tailwindcss/forms”: “^0.5.7”,
“autoprefixer”: “^10.4.19”,
“clsx”: “^2.1.1”,
“eslint”: “^8”,
“eslint-config-next”: “14.2.4”,
“postcss”: “^8”,
“tailwindcss”: “^3.4.1”
}
}
I tried moving some modules from “devDependencies” to “dependencies” but the error persists.
Thanks in advance to the community
