Module not found: Can't resolve 'moralis-v1'

[SamarthBagga]

here is my package.json file that is directly copied from the course-

{
  "name": "nextjs-smartcontract-lottery-fcc",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },
  "dependencies": {
    "moralis": "^1.8.0",
    "next": "12.1.5",
    "react": "18.0.0",
    "react-dom": "18.0.0",
    "react-moralis": "^1.4.0",
    "web3uikit": "^0.1.159"
  },
  "devDependencies": {
    "autoprefixer": "^10.4.4",
    "eslint": "8.13.0",
    "eslint-config-next": "12.1.5",
    "postcss": "^8.4.12",
    "tailwindcss": "^3.0.24"
  }
}

Also I tried adding moralis-v1 but that gives a completely different error-

Module not found: Can't resolve 'next/font/google'
  1 | import Head from "next/head"
  2 | import Image from "next/image"
> 3 | import { Inter } from "next/font/google"
  4 | import styles from "@/styles/Home.module.css"
  5 | import Header from "../../components/Header"
  6 | 

https://nextjs.org/docs/messages/module-not-found
error - Error: Cannot find module '/home/samarth/web3/nextjs-smartcontract-lottery/.next/server/pages/index.js'
Require stack:
- /home/samarth/web3/nextjs-smartcontract-lottery/node_modules/next/dist/server/require.js
- /home/samarth/web3/nextjs-smartcontract-lottery/node_modules/next/dist/server/load-components.js
- /home/samarth/web3/nextjs-smartcontract-lottery/node_modules/next/dist/build/utils.js
- /home/samarth/web3/nextjs-smartcontract-lottery/node_modules/next/dist/build/output/store.js
- /home/samarth/web3/nextjs-smartcontract-lottery/node_modules/next/dist/build/output/index.js
- /home/samarth/web3/nextjs-smartcontract-lottery/node_modules/next/dist/cli/next-dev.js
- /home/samarth/web3/nextjs-smartcontract-lottery/node_modules/next/dist/bin/next

[bengillitt]

I had the same error. All I did was delete that import line bcs that is only for a font and I had to change where it says 'import styles from "@/styles/Home.module.css"' to 'import styles from "../styles/Home.module.css"'

Like this

[SamarthBagga]

Yes, now the app is loading. But the connect button does not work. And also the console is not showing any errors.

[bengillitt]

can u share ur repo??

[bengillitt]

or ur header.js file

[TheDude-dev]

Hi @SamarthBagga just remove this line import { Inter } from "next/font/google"