I am trying to deploy a website on vercel from my command line of VSCode by using the command:
JavaScript
x
2
1
vercel2
When I execute this command, I get this output:
If I run:
JavaScript
1
2
1
vercel logs demo-minting-frontend-rga7f9q73-hemang-h.vercel.app2
I get the output as follow:
JavaScript
1
76
76
1
PS C:CSThree.jsMarketplace-threeSelf-coded-creation> vercel logs demo-minting-frontend-rga7f9q73-hemang-h.vercel.app2
Vercel CLI 24.0.03
> Fetched deployment "demo-minting-frontend-rga7f9q73-hemang-h.vercel.app" in hemang-h [1s]4
2022-03-07T15:36:56.106Z 5
2022-03-07T15:36:56.112Z Retrieving list of deployment files6
2022-03-07T15:36:57.506Z Downloading 49 deployment files7
2022-03-07T15:36:58.268Z Analyzing source code8
2022-03-07T15:36:58.657Z Installing build runtime9
2022-03-07T15:37:01.398Z Build runtime installed: 2.741s10
2022-03-07T15:37:02.062Z Looking up build cache11
2022-03-07T15:37:05.865Z Build cache downloaded [87.05 MB]: 3377.740ms12
2022-03-07T15:37:06.003Z Detected package.json13
2022-03-07T15:37:06.004Z Installing dependencies14
2022-03-07T15:37:06.011Z Detected `package-lock.json` generated by npm 7...15
2022-03-07T15:37:07.781Z npm WARN deprecated uuid@3.4.0: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details.16
2022-03-07T15:37:08.047Z 17
2022-03-07T15:37:08.048Z added 1 package, and changed 1 package in 2s18
2022-03-07T15:37:08.048Z19
2022-03-07T15:37:08.048Z 116 packages are looking for funding20
2022-03-07T15:37:08.048Z run `npm fund` for details21
2022-03-07T15:37:08.257Z Detected `package-lock.json` generated by npm 7...22
2022-03-07T15:37:08.257Z Running "npm run build"23
2022-03-07T15:37:08.537Z24
2022-03-07T15:37:08.537Z > demo-minting-page@1.0.0 build25
2022-03-07T15:37:08.537Z > next build26
2022-03-07T15:37:08.537Z27
2022-03-07T15:37:09.158Z warn - SWC minify release candidate enabled. https://nextjs.org/docs/messages/swc-minify-enabled28
2022-03-07T15:37:09.177Z Attention: Next.js now collects completely anonymous telemetry regarding usage.29
2022-03-07T15:37:09.177Z This information is used to shape Next.js' roadmap and prioritize features.30
2022-03-07T15:37:09.177Z You can learn more, including how to opt-out if you'd not like to participate in this anonymous program, by visiting the following 31
URL:32
2022-03-07T15:37:09.177Z https://nextjs.org/telemetry33
2022-03-07T15:37:09.177Z34
2022-03-07T15:37:09.218Z info - Checking validity of types35
2022-03-07T15:37:11.594Z36
2022-03-07T15:37:11.594Z Failed to compile.37
2022-03-07T15:37:11.595Z38
2022-03-07T15:37:11.595Z ./pages/404.js39
2022-03-07T15:37:11.595Z 18:9 Warning: passHref is missing. See: https://nextjs.org/docs/messages/link-passhref @next/next/link-passhref40
2022-03-07T15:37:11.595Z41
2022-03-07T15:37:11.595Z ./pages/Landing.js42
2022-03-07T15:37:11.595Z 6:10 Error: 'Text' is defined but never used. Allowed unused vars must match /^_/u. no-unused-vars43
2022-03-07T15:37:11.595Z 6:16 Error: 'Flex' is defined but never used. Allowed unused vars must match /^_/u. no-unused-vars44
2022-03-07T15:37:11.595Z 7:10 Error: 'useState' is defined but never used. Allowed unused vars must match /^_/u. no-unused-vars45
2022-03-07T15:37:11.596Z 13:5 Error: 'success' is assigned a value but never used. Allowed unused vars must match /^_/u. no-unused-vars46
2022-03-07T15:37:11.596Z 15:5 Error: 'owned' is assigned a value but never used. Allowed unused vars must match /^_/u. no-unused-vars47
2022-03-07T15:37:11.596Z 16:5 Error: 'owner' is assigned a value but never used. Allowed unused vars must match /^_/u. no-unused-vars48
2022-03-07T15:37:11.596Z 26:5 Error: 'reset' is assigned a value but never used. Allowed unused vars must match /^_/u. no-unused-vars49
2022-03-07T15:37:11.596Z50
2022-03-07T15:37:11.596Z ./pages/index.js51
2022-03-07T15:37:11.596Z 92:11 Warning: passHref is missing. See: https://nextjs.org/docs/messages/link-passhref @next/next/link-passhref52
2022-03-07T15:37:11.596Z 182:11 Warning: passHref is missing. See: https://nextjs.org/docs/messages/link-passhref @next/next/link-passhref53
2022-03-07T15:37:11.596Z54
2022-03-07T15:37:11.596Z ./pages/mint.js55
2022-03-07T15:37:11.597Z 1:30 Error: 'SimpleGrid' is defined but never used. Allowed unused vars must match /^_/u. no-unused-vars56
2022-03-07T15:37:11.597Z 1:42 Error: 'Divider' is defined but never used. Allowed unused vars must match /^_/u. no-unused-vars57
2022-03-07T15:37:11.597Z 3:8 Error: 'Section' is defined but never used. Allowed unused vars must match /^_/u. no-unused-vars58
2022-03-07T15:37:11.597Z 4:10 Error: 'WorkGridItem' is defined but never used. Allowed unused vars must match /^_/u. no-unused-vars59
2022-03-07T15:37:11.598Z 11:28 Error: React Hook "useWeb3Modal" is called in function "mint" that is neither a React function component nor a custom React 60
Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use". react-hooks/rules-of-hooks 61
2022-03-07T15:37:11.598Z62
2022-03-07T15:37:11.598Z ./components/grid-item.js63
2022-03-07T15:37:11.598Z 26:5 Warning: passHref is missing. See: https://nextjs.org/docs/messages/link-passhref @next/next/link-passhref64
2022-03-07T15:37:11.598Z65
2022-03-07T15:37:11.598Z ./components/mint.js66
2022-03-07T15:37:11.598Z 3:30 Error: 'VStack' is defined but never used. Allowed unused vars must match /^_/u. no-unused-vars67
2022-03-07T15:37:11.598Z 3:52 Error: 'Link' is defined but never used. Allowed unused vars must match /^_/u. no-unused-vars68
2022-03-07T15:37:11.598Z 3:58 Error: 'Text' is defined but never used. Allowed unused vars must match /^_/u. no-unused-vars69
2022-03-07T15:37:11.599Z 3:64 Error: 'Spacer' is defined but never used. Allowed unused vars must match /^_/u. no-unused-vars70
2022-03-07T15:37:11.599Z 5:33 Error: 'IoMdOpen' is defined but never used. Allowed unused vars must match /^_/u. no-unused-vars71
2022-03-07T15:37:11.599Z 8:41 Error: 'loading' is assigned a value but never used. Allowed unused vars must match /^_/u. no-unused-vars72
2022-03-07T15:37:11.599Z 73
2022-03-07T15:37:11.599Z info - Need to disable some ESLint rules? Learn more here: https://nextjs.org/docs/basic-features/eslint#disabling-rules74
2022-03-07T15:37:11.616Z Error: Command "npm run build" exited with 175
2022-03-07T15:37:12.463Z76
Now, just to say that I tried solving the warnings, I ran:
JavaScript
1
2
1
npm install uuid2
to install the latest uuid version, so that I can bypass the first warning. But It didn’t helped either. I again executed vercel command, and there were similar logs.
I tried to override the build settings to CI=False on vercel, under the project settings, but still didn’t got any successful response.
My package.json looks like this:
JavaScript
1
39
39
1
{2
"name": "demo-minting-page",3
"version": "1.0.0",4
"description": "TokenMinds Demo ",5
"scripts": {6
"dev": "next dev -H 0.0.0.0",7
"prettier": "prettier -write .",8
"lint": "next lint",9
"build": "next build",10
"start": "next start"11
},12
"keywords": [],13
"author": "Hemang Joshi",14
"license": "MIT",15
"dependencies": {16
"@chakra-ui/icons": "^1.1.7",17
"@chakra-ui/react": "^1.8.6",18
"@emotion/react": "^11.8.1",19
"@emotion/styled": "^11.8.1",20
"ethers": "^5.5.4",21
"framer-motion": "^6.2.8",22
"merkletreejs": "^0.2.30",23
"react-icons": "^4.3.1",24
"react-toastify": "^8.2.0",25
"three": "^0.138.3",26
"uuid": "^8.3.2",27
"web3": "^1.7.1",28
"web3modal": "^1.9.5",29
"zustand": "^3.7.1"30
},31
"devDependencies": {32
"eslint": "^8.9.0",33
"eslint-config-next": "^12.1.0",34
"prettier": "^2.5.1",35
"webpack": "^5.70.0"36
}37
}38
39
.eslintrc.json looks like this:
JavaScript
1
20
20
1
{2
"root": true,3
"extends": "next",4
"rules": {5
"plugin":[6
7
"react/recommended"8
9
],10
"no-unused-vars": [11
"error",12
{13
"argsIgnorePattern": "^_",14
"varsIgnorePattern": "^_"15
}16
],17
"react/display-name": 018
}19
}20
Link to my full github repository where I am holding this code is: Github repo
Kindly please help me out, what should I do.
P.S:- Everything is working very smoothly on my localhost:3000, and there are not bugs on it. I have ran the npm run dev several times on my terminal now, but there are no complaints on the localhost.
Advertisement
Answer
There are 2 ways to fix this problem.
- It seems that you are importing modules to some js files but not using them so avoid using unnecessary imports and only import a module when you are using it on the page. If you are not using it then avoid importing that module to the js file.
Install the following module
npm install --save-dev eslint-plugin-react.(for developers using NPM) oryarn add --dev eslint-plugin-react.(for developers using Yarn)Then, in your
.eslintrc.json, under extends, include the following plugin:JavaScript141'extends': [2'plugin:react/recommended'3]4
Hopefully, your error will resolve if you use any of this up suggestions