Issue with deploying on Netlify UI

Hello netlify community,

I manage to successfully build and deploy my netlify app through netlify cli. However, when I try to do it through netlify webapp, that fails. I particularly like the netlify’s UI based deploy since it automatically deploys whenever I merge to my master branch.

Just so you know, the size of my zip files are well below 50MB limit.

The link to my site is https://fluffy-vacherin-570d98.netlify.app/

Here is the log on netlify web UI:

10:52:52 PM: Waiting for other deploys from your team to complete. Check the queue: https://app.netlify.com/teams/rozbeh/builds
10:53:21 PM: build-image version: 4c0c1cadee6a31c9bb8d824514030009c4c05c6a (focal)
10:53:21 PM: build-image tag: v4.15.0
10:53:21 PM: buildbot version: 8e21f3a6f94b4bf664f0a5ce69b751fdfc9791bd
10:53:21 PM: Fetching cached dependencies
10:53:21 PM: Failed to fetch cache, continuing with build
10:53:21 PM: Starting to prepare the repo for build
10:53:21 PM: No cached dependencies found. Cloning fresh repo
10:53:21 PM: git clone https://github.com/ROZBEH/value-cumulation
10:53:22 PM: Preparing Git Reference refs/heads/main
10:53:22 PM: Parsing package.json dependencies
10:53:24 PM: Different build command detected, going to use the one specified in the Netlify configuration file: 'yarn rw deploy netlify' versus '' in the Netlify UI
10:53:24 PM: Section completed: initializing
10:53:24 PM: Starting build script
10:53:24 PM: Installing dependencies
10:53:24 PM: Python version set to 2.7
10:53:24 PM: v16.18.1 is already installed.
10:53:25 PM: Now using node v16.18.1 (npm v8.19.2)
10:53:25 PM: Enabling node corepack
10:53:25 PM: Started restoring cached build plugins
10:53:25 PM: Finished restoring cached build plugins
10:53:25 PM: Attempting ruby version 2.7.2, read from environment
10:53:26 PM: Using ruby version 2.7.2
10:53:26 PM: Using PHP version 8.0
10:53:26 PM: Started restoring cached yarn cache
10:53:26 PM: Finished restoring cached yarn cache
10:53:26 PM: Installing yarn at version 1.22.19
10:53:26 PM: Preparing yarn@1.22.19 for immediate activation...
10:53:27 PM: yarn workspaces detected
10:53:27 PM: Installing NPM modules using Yarn version 3.2.0
10:53:27 PM: ➤ YN0050: The cache-folder option has been deprecated; use rc settings instead
10:53:27 PM: ➤ YN0070: Migrating from Yarn 1; automatically enabling the compatibility node-modules linker 👍
10:53:28 PM: ➤ YN0000: ┌ Resolution step
10:53:30 PM: ➤ YN0061: │ @material-ui/core@npm:4.12.4 is deprecated: Material UI v4 doesn't receive active development since September 2021. See the guide https://mui.com/material-ui/migration/migration-v4/ to upgrade to v5.
➤ YN0061: │ @material-ui/styles@npm:4.11.5 is deprecated: Material UI v4 doesn't receive active development since September 2021. See the guide https://mui.com/material-ui/migration/migration-v4/ to upgrade to v5.
➤ YN0061: │ core-js@npm:2.6.12 is deprecated: core-js@<3.23.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Some versions have web compatibility issues. Please, upgrade your dependencies to the actual version of core-js.
10:53:30 PM: ➤ YN0032: │ fsevents@npm:2.3.2: Implicit dependencies on node-gyp are discouraged
10:53:31 PM: ➤ YN0061: │ @npmcli/move-file@npm:2.0.1 is deprecated: This functionality has been moved to @npmcli/fs
10:53:34 PM: ➤ YN0061: │ urix@npm:0.1.0 is deprecated: Please see https://github.com/lydell/urix#deprecated
10:53:34 PM: ➤ YN0061: │ source-map-resolve@npm:0.5.3 is deprecated: See https://github.com/lydell/source-map-resolve#deprecated
10:53:34 PM: ➤ YN0061: │ stable@npm:0.1.8 is deprecated: Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility
10:53:34 PM: ➤ YN0061: │ resolve-url@npm:0.2.1 is deprecated: https://github.com/lydell/resolve-url#deprecated
10:53:34 PM: ➤ YN0061: │ source-map-url@npm:0.4.1 is deprecated: See https://github.com/lydell/source-map-url#deprecated
10:53:36 PM: ➤ YN0061: │ chokidar@npm:2.1.8 is deprecated: Chokidar 2 does not receive security updates since 2019. Upgrade to chokidar 3 with 15x fewer dependencies
10:53:36 PM: ➤ YN0061: │ fsevents@npm:1.2.13 is deprecated: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.
10:53:37 PM: ➤ YN0061: │ querystring@npm:0.2.0 is deprecated: The querystring API is considered Legacy. new code should use the URLSearchParams API instead.
10:53:37 PM: ➤ YN0032: │ nan@npm:2.17.0: Implicit dependencies on node-gyp are discouraged
10:53:37 PM: ➤ YN0032: │ evp_bytestokey@npm:1.0.3: Implicit dependencies on node-gyp are discouraged
10:53:39 PM: ➤ YN0061: │ @types/express-unless@npm:2.0.1 is deprecated: This is a stub types definition. express-unless provides its own type definitions, so you do not need this installed.
10:53:47 PM: ➤ YN0061: │ sane@npm:4.1.0 is deprecated: some dependency vulnerabilities fixed, support for node < 10 dropped, and newer ECMAScript syntax/features added
10:53:48 PM: ➤ YN0061: │ @npmcli/move-file@npm:1.1.2 is deprecated: This functionality has been moved to @npmcli/fs
10:53:48 PM: ➤ YN0061: │ uuid@npm:3.4.0 is deprecated: 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.
10:53:59 PM: ➤ YN0002: │ @apollo/react-hooks@npm:4.0.0 doesn't provide graphql (p7a24a), requested by @apollo/client
➤ YN0002: │ @graphql-codegen/cli@npm:2.13.7 [064c0] doesn't provide @types/node (p7a082), requested by cosmiconfig-typescript-loader
➤ YN0002: │ @graphql-codegen/cli@npm:2.13.7 [064c0] doesn't provide ts-node (pf1a8f), requested by cosmiconfig-typescript-loader
➤ YN0002: │ @graphql-codegen/cli@npm:2.13.7 [064c0] doesn't provide typescript (p91cbd), requested by cosmiconfig-typescript-loader
➤ YN0002: │ @redwoodjs/api-server@npm:3.4.0 doesn't provide @babel/core (p2e556), requested by @babel/plugin-transform-runtime
➤ YN0002: │ @redwoodjs/cli@npm:3.4.0 doesn't provide react (p9d942), requested by @redwoodjs/prerender
➤ YN0002: │ @redwoodjs/cli@npm:3.4.0 doesn't provide react-dom (p96aeb), requested by @redwoodjs/prerender
➤ YN0002: │ @redwoodjs/core@npm:3.4.0 doesn't provide @babel/eslint-parser (p4a60c), requested by @babel/eslint-plugin
➤ YN0002: │ @redwoodjs/core@npm:3.4.0 doesn't provide eslint (p4fa1d), requested by @babel/eslint-plugin
➤ YN0002: │ @redwoodjs/eslint-config@npm:3.4.0 doesn't provide babel-plugin-module-resolver (pbc309), requested by eslint-import-resolver-babel-module
➤ YN0002: │ @redwoodjs/graphql-server@npm:3.4.0 doesn't provide @envelop/core (p20633), requested by @envelop/depth-limit
➤ YN0002: │ @redwoodjs/graphql-server@npm:3.4.0 doesn't provide @envelop/core (pf4637), requested by @envelop/disable-introspection
➤ YN0002: │ @redwoodjs/graphql-server@npm:3.4.0 doesn't provide @envelop/core (p55595), requested by @envelop/filter-operation-type
➤ YN0002: │ @redwoodjs/graphql-server@npm:3.4.0 doesn't provide @envelop/core (p87eb1), requested by @envelop/parser-cache
➤ YN0002: │ @redwoodjs/graphql-server@npm:3.4.0 doesn't provide @envelop/core (p73917), requested by @envelop/validation-cache
➤ YN0002: │ @redwoodjs/internal@npm:3.4.0 doesn't provide @babel/core (pc69f8), requested by @babel/plugin-transform-typescript
➤ YN0002: │ @redwoodjs/internal@npm:3.4.0 doesn't provide @babel/core (p63e2d), requested by @babel/register
➤ YN0002: │ @redwoodjs/internal@npm:3.4.0 doesn't provide @babel/core (p843af), requested by babel-plugin-graphql-tag
➤ YN0002: │ @redwoodjs/internal@npm:3.4.0 doesn't provide graphql-tag (p3f4ef), requested by @graphql-codegen/typescript-react-apollo
➤ YN0002: │ @redwoodjs/internal@npm:3.4.0 doesn't provide graphql-tag (pb74b0), requested by babel-plugin-graphql-tag
➤ YN0002: │ @redwoodjs/prerender@npm:3.4.0 [61f9d] doesn't provide prop-types (p09924), requested by @redwoodjs/web
➤ YN0002: │ @redwoodjs/router@npm:3.4.0 doesn't provide react (pad839), requested by @reach/skip-nav
➤ YN0002: │ @redwoodjs/router@npm:3.4.0 doesn't provide react-dom (p73954), requested by @reach/skip-nav
➤ YN0002: │ @redwoodjs/testing@npm:3.4.0 doesn't provide @babel/core (p41a6d), requested by @storybook/addon-essentials
➤ YN0002: │ @redwoodjs/testing@npm:3.4.0 doesn't provide @babel/core (p01d36), requested by babel-jest
➤ YN0002: │ @redwoodjs/testing@npm:3.4.0 doesn't provide @babel/core (p60201), requested by babel-plugin-inline-react-svg
➤ YN0002: │ @redwoodjs/testing@npm:3.4.0 doesn't provide @testing-library/dom (pc8a3e), requested by @testing-library/user-event
➤ YN0002: │ @redwoodjs/testing@npm:3.4.0 doesn't provide prop-types (p35367), requested by @redwoodjs/web
➤ YN0002: │ @redwoodjs/testing@npm:3.4.0 doesn't provide react (p77a2e), requested by @redwoodjs/web
➤ YN0002: │ @redwoodjs/testing@npm:3.4.0 doesn't provide react (pcd272), requested by @storybook/builder-webpack5
➤ YN0002: │ @redwoodjs/testing@npm:3.4.0 doesn't provide react (p0e594), requested by @storybook/manager-webpack5
➤ YN0002: │ @redwoodjs/testing@npm:3.4.0 doesn't provide react (pb915e), requested by @storybook/react
➤ YN0002: │ @redwoodjs/testing@npm:3.4.0 doesn't provide react (pfa643), requested by @testing-library/react-hooks
➤ YN0002: │ @redwoodjs/testing@npm:3.4.0 doesn't provide react (p1e253), requested by @testing-library/react
➤ YN0002: │ @redwoodjs/testing@npm:3.4.0 doesn't provide react-dom (pf968a), requested by @redwoodjs/web
➤ YN0002: │ @redwoodjs/testing@npm:3.4.0 doesn't provide react-dom (p9ac39), requested by @storybook/builder-webpack5
➤ YN0002: │ @redwoodjs/testing@npm:3.4.0 doesn't provide react-dom (p884e2), requested by @storybook/manager-webpack5
➤ YN0002: │ @redwoodjs/testing@npm:3.4.0 doesn't provide react-dom (pb7254), requested by @storybook/react
➤ YN0002: │ @redwoodjs/testing@npm:3.4.0 doesn't provide react-dom (p15ab2), requested by @testing-library/react
➤ YN0002: │ @redwoodjs/testing@npm:3.4.0 doesn't provide require-from-string (p9e4dc), requested by @storybook/react
➤ YN0002: │ @storybook/addon-docs@npm:6.5.12 [bb16a] doesn't provide @babel/core (pa3611), requested by @babel/preset-env
➤ YN0002: │ @storybook/addon-docs@npm:6.5.12 [bb16a] doesn't provide @babel/core (p66011), requested by @babel/plugin-transform-react-jsx
➤ YN0002: │ @storybook/addon-docs@npm:6.5.12 [bb16a] doesn't provide @babel/core (pc3803), requested by babel-loader
➤ YN0002: │ @storybook/addon-docs@npm:6.5.12 [bb16a] doesn't provide webpack (p968df), requested by babel-loader
➤ YN0002: │ @storybook/docs-tools@npm:6.5.12 doesn't provide react (p5aa44), requested by @storybook/store
➤ YN0002: │ @storybook/docs-tools@npm:6.5.12 doesn't provide react-dom (p7d1da), requested by @storybook/store
➤ YN0002: │ @storybook/mdx1-csf@npm:0.0.1 doesn't provide @babel/core (p44796), requested by @babel/preset-env
➤ YN0002: │ @storybook/telemetry@npm:6.5.12 doesn't provide react (pba164), requested by @storybook/core-common
➤ YN0002: │ @storybook/telemetry@npm:6.5.12 doesn't provide react-dom (p3ad01), requested by @storybook/core-common
➤ YN0002: │ api@workspace:api doesn't provide immer (p40edd), requested by @xstate/immer
➤ YN0002: │ api@workspace:api doesn't provide xstate (pc4c95), requested by @xstate/immer
➤ YN0002: │ graphql-config@npm:4.3.6 [18625] doesn't provide @types/node (p62b83), requested by cosmiconfig-typescript-loader
➤ YN0002: │ graphql-config@npm:4.3.6 [18625] doesn't provide @types/node (p03cae), requested by ts-node
➤ YN0002: │ graphql-config@npm:4.3.6 [18625] doesn't provide typescript (pdeedb), requested by cosmiconfig-typescript-loader
➤ YN0002: │ graphql-config@npm:4.3.6 [18625] doesn't provide typescript (pfeee2), requested by ts-node
➤ YN0002: │ react-hot-toast@npm:2.4.0 [22f6a] doesn't provide csstype (pf4a8d), requested by goober
➤ YN0002: │ react-hot-toast@npm:2.4.0 [bf325] doesn't provide csstype (p14449), requested by goober
➤ YN0002: │ react-hot-toast@npm:2.4.0 [eafea] doesn't provide csstype (p2dd86), requested by goober
➤ YN0002: │ react-loader-spinner@npm:6.0.0-0 [42b1e] doesn't provide react-is (pd263d), requested by styled-components
➤ YN0002: │ web@workspace:web doesn't provide @mui/system (p1ef7b), requested by @mui/x-data-grid
➤ YN0002: │ web@workspace:web doesn't provide graphql (p86bd8), requested by @redwoodjs/forms
➤ YN0002: │ web@workspace:web doesn't provide postcss (p8b30f), requested by @fullhuman/postcss-purgecss
➤ YN0002: │ web@workspace:web doesn't provide postcss (p59e4f), requested by autoprefixer
➤ YN0002: │ web@workspace:web doesn't provide postcss (p02ace), requested by postcss-loader
➤ YN0060: │ web@workspace:web provides react (pc1fd5) with version 17.0.2, which doesn't satisfy what react-autocomplete requests
➤ YN0060: │ web@workspace:web provides react-dom (pc4267) with version 17.0.2, which doesn't satisfy what react-autocomplete requests
➤ YN0002: │ web@workspace:web doesn't provide react-is (pc5bbb), requested by styled-components
➤ YN0002: │ web@workspace:web doesn't provide webpack (pcfbfb), requested by postcss-loader
➤ YN0000: │ Some peer dependencies are incorrectly met; run yarn explain peer-requirements <hash> for details, where <hash> is the six-letter p-prefixed code
10:53:59 PM: ➤ YN0000: └ Completed in 31s 680ms
11:29:20 PM: Build exceeded maximum allowed runtime

Not too sure why that would happen! Some good first steps for debugging builds at Netlify that don’t match your local (I assume the installation of dependencies does work for you when you run it locally? If not, fixing that is step 0!) is following this guide:

Specifically:

  1. please confirm that you can build locally at all. If not, you’ll have to troubleshoot that yourself as our staff are not yarn experts :slight_smile:
  2. please confirm that our builds use the correct versions of yarn, node, etc - ones that match your working local build. I can’t imagine that you use both yarn v1.22.18 AND v 3.2.0 as the build logs show here: Netlify App
  3. once you have a build using the same local versions and Netlify versions, if things still don’t work, answer the 3 questions at the end of that post (but answer them in this thread) and we’ll be happy to look more deeply.

Thanks link @fool
You’re correct. I had two versions of yarn in my package.json and I have no idea how it got there :slight_smile:

My issue is resolved now. Thanks a lot.