Deploy to Vercel Failing from Master

[kwall1]

Attempting the 1 click Vercel app seems to fail. Any guidance there?

[Lissy93]

What are the logs showing?

[kwall1]

[09:45:55.707] Running build in Washington, D.C., USA (East) – iad1 [09:45:55.851] Cloning github.com/kwall1/web-check-fork (Branch: main, Commit: 52a6b98) [09:45:56.214] Previous build cache not available [09:45:56.799] Cloning completed: 948.545ms [09:45:57.466] Running "vercel build" [09:45:57.958] Vercel CLI 33.5.2 [09:45:58.911] Installing dependencies... [09:45:59.215] yarn install v1.22.17 [09:45:59.336] [1/4] Resolving packages... [09:46:00.143] [2/4] Fetching packages... [09:46:34.608] [3/4] Linking dependencies... [09:46:34.613] warning " > @testing-library/user-event@14.4.3" has unmet peer dependency "@testing-library/dom@>=7.21.4". [09:46:34.614] warning " > chrome-aws-lambda@10.1.0" has incorrect peer dependency "puppeteer-core@^10.1.0". [09:46:34.621] warning "react-scripts > eslint-config-react-app > eslint-plugin-flowtype@8.0.3" has unmet peer dependency "@babel/plugin-syntax-flow@^7.14.5". [09:46:34.621] warning "react-scripts > eslint-config-react-app > eslint-plugin-flowtype@8.0.3" has unmet peer dependency "@babel/plugin-transform-react-jsx@^7.14.9". [09:46:34.630] warning " > react-simple-maps@3.0.0" has unmet peer dependency "prop-types@^15.7.2". [09:46:34.631] warning " > recharts@2.7.3" has unmet peer dependency "prop-types@^15.6.0". [09:46:34.631] warning "recharts > react-smooth@2.0.3" has unmet peer dependency "prop-types@^15.6.0". [09:46:34.633] warning " > serverless-domain-manager@7.1.1" has unmet peer dependency "serverless@^2.60 || ^3.0.0". [09:46:34.633] warning " > serverless-offline@12.0.4" has unmet peer dependency "serverless@^3.2.0". [09:46:34.633] warning " > serverless-webpack@5.13.0" has unmet peer dependency "serverless@1 || 2 || 3". [09:47:03.017] [4/4] Building fresh packages... [09:47:25.026] Done in 85.81s. [09:47:25.069] Running "yarn run build" [09:47:25.256] yarn run v1.22.17 [09:47:25.299] $ react-scripts build [09:47:29.435] Creating an optimized production build... [09:47:29.603] Browserslist: caniuse-lite is outdated. Please run: [09:47:29.604] npx update-browserslist-db@latest [09:47:29.604] Why you should do it regularly: https://github.com/browserslist/update-db#readme [09:47:34.741] One of your dependencies, babel-preset-react-app, is importing the [09:47:34.741] "@babel/plugin-proposal-private-property-in-object" package without [09:47:34.742] declaring it in its dependencies. This is currently working because [09:47:34.742] "@babel/plugin-proposal-private-property-in-object" is already in your [09:47:34.742] node_modules folder for unrelated reasons, but it may break at any time. [09:47:34.742] [09:47:34.742] babel-preset-react-app is part of the create-react-app project, which [09:47:34.742] is not maintianed anymore. It is thus unlikely that this bug will [09:47:34.742] ever be fixed. Add "@babel/plugin-proposal-private-property-in-object" to [09:47:34.742] your devDependencies to work around this error. This will make this message [09:47:34.743] go away. [09:47:34.743] [09:48:13.146] Browserslist: caniuse-lite is outdated. Please run: [09:48:13.147] npx update-browserslist-db@latest [09:48:13.147] Why you should do it regularly: https://github.com/browserslist/update-db#readme [09:48:14.335] Compiled successfully. [09:48:14.336] [09:48:14.336] File sizes after gzip: [09:48:14.337] [09:48:14.415] 342.11 kB build/static/js/main.28b3f61c.js

[kwall1]

[09:45:55.707] Running build in Washington, D.C., USA (East) – iad1 [09:45:55.851] Cloning github.com/kwall1/web-check-fork (Branch: main, Commit: 52a6b98) [09:45:56.214] Previous build cache not available [09:45:56.799] Cloning completed: 948.545ms [09:45:57.466] Running "vercel build" [09:45:57.958] Vercel CLI 33.5.2 [09:45:58.911] Installing dependencies... [09:45:59.215] yarn install v1.22.17 [09:45:59.336] [1/4] Resolving packages... [09:46:00.143] [2/4] Fetching packages... [09:46:34.608] [3/4] Linking dependencies... [09:46:34.613] warning " > @testing-library/user-event@14.4.3" has unmet peer dependency "@testing-library/dom@>=7.21.4". [09:46:34.614] warning " > chrome-aws-lambda@10.1.0" has incorrect peer dependency "puppeteer-core@^10.1.0". [09:46:34.621] warning "react-scripts > eslint-config-react-app > eslint-plugin-flowtype@8.0.3" has unmet peer dependency "@babel/plugin-syntax-flow@^7.14.5". [09:46:34.621] warning "react-scripts > eslint-config-react-app > eslint-plugin-flowtype@8.0.3" has unmet peer dependency "@babel/plugin-transform-react-jsx@^7.14.9". [09:46:34.630] warning " > react-simple-maps@3.0.0" has unmet peer dependency "prop-types@^15.7.2". [09:46:34.631] warning " > recharts@2.7.3" has unmet peer dependency "prop-types@^15.6.0". [09:46:34.631] warning "recharts > react-smooth@2.0.3" has unmet peer dependency "prop-types@^15.6.0". [09:46:34.633] warning " > serverless-domain-manager@7.1.1" has unmet peer dependency "serverless@^2.60 || ^3.0.0". [09:46:34.633] warning " > serverless-offline@12.0.4" has unmet peer dependency "serverless@^3.2.0". [09:46:34.633] warning " > serverless-webpack@5.13.0" has unmet peer dependency "serverless@1 || 2 || 3". [09:47:03.017] [4/4] Building fresh packages... [09:47:25.026] Done in 85.81s. [09:47:25.069] Running "yarn run build" [09:47:25.256] yarn run v1.22.17 [09:47:25.299] $ react-scripts build [09:47:29.435] Creating an optimized production build... [09:47:29.603] Browserslist: caniuse-lite is outdated. Please run: [09:47:29.604] npx update-browserslist-db@latest [09:47:29.604] Why you should do it regularly: https://github.com/browserslist/update-db#readme [09:47:34.741] One of your dependencies, babel-preset-react-app, is importing the [09:47:34.741] "@babel/plugin-proposal-private-property-in-object" package without [09:47:34.742] declaring it in its dependencies. This is currently working because [09:47:34.742] "@babel/plugin-proposal-private-property-in-object" is already in your [09:47:34.742] node_modules folder for unrelated reasons, but it may break at any time. [09:47:34.742] [09:47:34.742] babel-preset-react-app is part of the create-react-app project, which [09:47:34.742] is not maintianed anymore. It is thus unlikely that this bug will [09:47:34.742] ever be fixed. Add "@babel/plugin-proposal-private-property-in-object" to [09:47:34.742] your devDependencies to work around this error. This will make this message [09:47:34.743] go away. [09:47:34.743]
[09:48:13.146] Browserslist: caniuse-lite is outdated. Please run: [09:48:13.147] npx update-browserslist-db@latest [09:48:13.147] Why you should do it regularly: https://github.com/browserslist/update-db#readme [09:48:14.335] Compiled successfully. [09:48:14.336] [09:48:14.336] File sizes after gzip: [09:48:14.337] [09:48:14.415] 342.11 kB build/static/js/main.28b3f61c.js

[kwall1]

Error: No more than 12 Serverless Functions can be added to a Deployment on the Hobby plan. Create a team (Pro plan) to deploy more. Learn More: https://vercel.link/function-count-limit

After the build, and rebuilding - I was able to get this error probably because I just tossed it in a free hobby account. I think it's fine as long as you're on a pro account so perhaps close this but it would be good info to anyone who just gives the vercel link a shot on the free plan.

[Lissy93]

Hmm, yeah that seems to be the issue. Maybe try Vercel instead, they don't have such a limit in place. Another option would be to consolidate some of the workers together, so there's under 12 / or just remove the workers that you don't think you'll need.

[Lissy93]

If you expect your instance to get a reasonably large amount of traffic, you might need to think about either upgrading or hosting some of the workers elsewhere to be more cost effective.

For example, I've got some of the heavier jobs running on AWS as lambda functions, for the public instance, as it's a bit cheaper if there's a large volume of users. Still not free though, daily I have 8-10k users per day, and it's costing me about $30/month to run 😑