Cant push "quickstart-react" app

monday Apps & Developers
,
1

I downloaded the cli and initted it with my access token. now when i run mapps code:push I get and error

✔ Build asset to deploy
✔ Preparing environment
✔ Asset uploaded successfully
✖ There was an error building application.
  Step #2: [builder] npm warn ERESOLVE overriding peer dependency
  Step #2: [builder] npm warn ERESOLVE overriding peer dependency
  Step #2: [builder] npm warn ERESOLVE overriding peer dependency
  Step #2: [builder] npm warn ERESOLVE overriding peer dependency
  Step #2: [builder] npm warn ERESOLVE overriding peer dependency
  Step #2: [builder] npm warn ERESOLVE overriding peer dependency
  Step #2: [builder] npm warn ERESOLVE overriding peer dependency
  Step #2: [builder] npm warn ERESOLVE overriding peer dependency
  Step #2: [builder] npm warn ERESOLVE overriding peer dependency
  Step #2: [builder] npm warn ERESOLVE overriding peer dependency
  Step #2: [builder] npm warn ERESOLVE overriding peer dependency
  Step #2: [builder] npm warn ERESOLVE overriding peer dependency
  Step #2: [builder] npm error Missing: mathml-tag-names@2.1.3 from lock
  file
  Step #2: [builder] npm error Missing: trim-newlines@3.0.1 from lock file
  Step #2: [builder] npm error Missing: hard-rejection@2.1.0 from lock file
  Step #2: [builder] npm warn ERESOLVE overriding peer dependency
  Step #2: [builder] npm warn ERESOLVE overriding peer dependency
  Step #2: [builder] npm error Missing: stylelint@14.16.1 from lock file
  Step #2: [builder] npm error Invalid: lock file's postcss@8.4.4 does not
  satisfy postcss@8.4.45
  Step #2: [builder] npm error Missing: globjoin@0.1.4 from lock file
  Step #2: [builder] npm error Missing: known-css-properties@0.26.0 from
  lock file
  Step #2: [builder] npm error Missing: postcss-media-query-parser@0.2.3
  from lock file
  Step #2: [builder] npm error Missing: postcss-value-parser@4.2.0 from
  lock file
  Step #2: [builder] npm error Missing: camelcase-keys@6.2.2 from lock file
  Step #2: [builder] npm error Missing: normalize-package-data@3.0.3 from
  lock file
  Step #2: [builder] npm error Missing: redent@3.0.0 from lock file
  Step #2: [builder] npm warn ERESOLVE overriding peer dependency
  Step #2: [builder] npm error
  Step #2: [builder] npm error Missing: typescript@4.9.5 from lock file
  Step #2: [builder] npm error Missing: is-plain-object@5.0.0 from lock
  file
  Step #2: [builder] npm error Missing: meow@9.0.0 from lock file
  Step #2: [builder] npm error Missing: resolve-from@5.0.0 from lock file
  Step #2: [builder] npm error Missing: style-search@0.1.0 from lock file
  Step #2: [builder] npm error Missing: svg-tags@1.0.0 from lock file
  Step #2: [builder] npm error Missing: read-pkg-up@7.0.1 from lock file
  Step #2: [builder] npm error Missing: yargs-parser@20.2.9 from lock file
  Step #2: [builder] npm error Missing: map-obj@4.3.0 from lock file
  Step #2: [builder] npm warn ERESOLVE overriding peer dependency
  Step #2: [builder] npm warn ERESOLVE overriding peer dependency
  Step #2: [builder] npm warn ERESOLVE overriding peer dependency
  Step #2: [builder] npm warn ERESOLVE overriding peer dependency
  Step #2: [builder] npm error
  Step #2: [builder] npm error Missing: html-tags@3.3.1 from lock file
  Step #2: [builder] npm error Missing:
  postcss-resolve-nested-selector@0.1.6 from lock file
  Step #2: [builder] npm error Missing: table@6.8.2 from lock file
  Step #2: [builder] npm error Missing: @types/minimist@1.2.5 from lock
  file
  Step #2: [builder] npm error Missing: type-fest@0.18.1 from lock file
  Step #2: [builder] npm error Missing: quick-lru@4.0.1 from lock file
  Step #2: [builder] npm error Missing: arrify@1.0.1 from lock file
  Step #2: [builder] npm error code EUSAGE
  Step #2: [builder] npm error `npm ci` can only install packages when your
  package.json and package-lock.json or npm-shrinkwrap.json are in sync.
  Please update your lock file with `npm install` before continuing.
  Step #2: [builder] npm error Missing: postcss@8.4.4 from lock file
  Step #2: [builder] npm error Missing: css-functions-list@3.2.2 from lock
  file
  Step #2: [builder] npm error Missing: fastest-levenshtein@1.0.16 from
  lock file
  Step #2: [builder] npm error Missing: postcss-safe-parser@6.0.0 from lock
  file
  Step #2: [builder] npm error Missing: v8-compile-cache@2.4.0 from lock
  file
  Step #2: [builder] npm error Missing: write-file-atomic@4.0.2 from lock
  file
  Step #2: [builder] npm error Missing: decamelize-keys@1.1.1 from lock
  file
  Step #2: [builder] npm error Missing: minimist-options@4.1.0 from lock
  file
  Step #2: [builder] npm error Missing: map-obj@1.0.1 from lock file
  Step #2: [builder] npm warn ERESOLVE overriding peer dependency
  Step #2: [builder] npm warn ERESOLVE overriding peer dependency
  Step #2: [builder] npm warn ERESOLVE overriding peer dependency
  Step #2: [builder] npm error Missing: balanced-match@2.0.0 from lock file
  Step #2: [builder] npm error Missing: camelcase@5.3.1 from lock file
  Step #2: [builder] npm error Missing: is-plain-obj@1.1.0 from lock file
  Step #2: [builder] npm error Missing: read-pkg@5.2.0 from lock file
  Step #2: [builder] npm error Missing: type-fest@0.8.1 from lock file
  Step #2: [builder] npm error Missing: strip-indent@3.0.0 from lock file
  Step #2: [builder] npm error Missing: min-indent@1.0.1 from lock file
  Step #2: [builder] npm error Missing: lodash.truncate@4.4.2 from lock
  file
  Step #2: [builder] npm error Missing: hosted-git-info@4.1.0 from lock
  file
  Step #2: [builder] npm error Missing: semver@7.6.3 from lock file
  Step #2: [builder] npm error Missing: lru-cache@6.0.0 from lock file
  Step #2: [builder] npm error Missing: yallist@4.0.0 from lock file
  Step #2: [builder] npm error Missing: @types/normalize-package-data@2.4.4
  from lock file
  Step #2: [builder] npm error Missing: type-fest@0.6.0 from lock file
  Step #2: [builder] npm error
  Step #2: [builder] npm error Clean install a project
  Step #2: [builder] npm error
  Step #2: [builder] npm error Usage:
  Step #2: [builder] npm error npm ci
  Step #2: [builder] npm error
  Step #2: [builder] npm error Options:
  Step #2: [builder] npm error [--install-strategy
  <hoisted|nested|shallow|linked>] [--legacy-bundling]
  Step #2: [builder] npm error [--global-style] [--omit <dev|optional|peer>
  [--omit <dev|optional|peer> ...]]
  Step #2: [builder] npm error [--include <prod|dev|optional|peer>
  [--include <prod|dev|optional|peer> ...]]
  Step #2: [builder] npm error [--strict-peer-deps] [--foreground-scripts]
  [--ignore-scripts] [--no-audit]
  Step #2: [builder] npm error [--no-bin-links] [--no-fund] [--dry-run]
  Step #2: [builder] npm error [-w|--workspace <workspace-name>
  [-w|--workspace <workspace-name> ...]]
  Step #2: [builder] npm error [-ws|--workspaces]
  [--include-workspace-root] [--install-links]
  Step #2: [builder] npm error
  Step #2: [builder] npm error aliases: clean-install, ic, install-clean,
  isntall-clean
  Step #2: [builder] npm error
  Step #2: [builder] npm error Run "npm help ci" for more info
  Step #2: [builder] npm error A complete log of this run can be found in:
  /home/cnb/.npm/_logs/2024-09-04T17_03_07_731Z-debug-0.log
  Step #2: [builder] ERROR: failed to build: exit status 1
  Step #2: ERROR: failed to build: executing lifecycle. This may be the
  result of using an untrusted builder: failed with status code: 51
  Step #2: [builder] npm warn ERESOLVE overriding peer dependency
  Step #2: [builder] npm error code EUSAGE
  Step #2: [builder] npm error
  Step #2: [builder] npm error Missing: stylelint@14.16.1 from lock file
  Step #2: [builder] npm error Invalid: lock file's postcss@8.4.4 does not
  satisfy postcss@8.4.45
  Step #2: [builder] npm error Missing: postcss@8.4.4 from lock file
  Step #2: [builder] npm error Missing: css-functions-list@3.2.2 from lock
  file
  Step #2: [builder] npm error Missing: is-plain-object@5.0.0 from lock
  file
  Step #2: [builder] npm error Missing: known-css-properties@0.26.0 from
  lock file
  Step #2: [builder] npm error Missing: meow@9.0.0 from lock file
  Step #2: [builder] npm error Missing: svg-tags@1.0.0 from lock file
  Step #2: [builder] npm error Missing: write-file-atomic@4.0.2 from lock
  file
  Step #2: [builder] npm error Missing: normalize-package-data@3.0.3 from
  lock file
  Step #2: [builder] npm error Missing: redent@3.0.0 from lock file
  Step #2: [builder] npm error Missing: type-fest@0.18.1 from lock file
  Step #2: [builder] npm error Missing: yargs-parser@20.2.9 from lock file
  Step #2: [builder] npm error Missing: map-obj@4.3.0 from lock file
  Step #2: [builder] npm error Missing: read-pkg@5.2.0 from lock file
  Step #2: [builder] npm error Missing: semver@7.6.3 from lock file
  Step #2: [builder] npm error Missing: @types/normalize-package-data@2.4.4
  from lock file
  Step #2: [builder] npm error
  Step #2: [builder] npm error
  Step #2: [builder] npm error Options:
  Step #2: [builder] npm error [--no-bin-links] [--no-fund] [--dry-run]
  Step #2: [builder] npm error
  Step #2: [builder] npm error Missing: trim-newlines@3.0.1 from lock file
  Step #2: [builder] npm warn ERESOLVE overriding peer dependency
  Step #2: [builder] npm error `npm ci` can only install packages when your
  package.json and package-lock.json or npm-shrinkwrap.json are in sync.
  Please update your lock file with `npm install` before continuing.
  Step #2: [builder] npm error Missing: balanced-match@2.0.0 from lock file
  Step #2: [builder] npm error Missing: globjoin@0.1.4 from lock file
  Step #2: [builder] npm error Missing: postcss-media-query-parser@0.2.3
  from lock file
  Step #2: [builder] npm error Missing: postcss-value-parser@4.2.0 from
  lock file
  Step #2: [builder] npm error Missing: decamelize-keys@1.1.1 from lock
  file
  Step #2: [builder] npm error Missing: hard-rejection@2.1.0 from lock file
  Step #2: [builder] npm error Missing: minimist-options@4.1.0 from lock
  file
  Step #2: [builder] npm error Missing: map-obj@1.0.1 from lock file
  Step #2: [builder] npm error Missing: is-plain-obj@1.1.0 from lock file
  Step #2: [builder] npm error Missing: lru-cache@6.0.0 from lock file
  Step #2: [builder] npm error Missing: yallist@4.0.0 from lock file
  Step #2: [builder] npm error
  Step #2: [builder] npm error [--global-style] [--omit <dev|optional|peer>
  [--omit <dev|optional|peer> ...]]
  Step #2: [builder] npm error [--include <prod|dev|optional|peer>
  [--include <prod|dev|optional|peer> ...]]
  Step #2: [builder] npm error [-ws|--workspaces]
  [--include-workspace-root] [--install-links]
  Step #2: [builder] npm warn ERESOLVE overriding peer dependency
  Step #2: [builder] npm error Missing: mathml-tag-names@2.1.3 from lock
  file
  Step #2: [builder] npm error Missing: postcss-safe-parser@6.0.0 from lock
  file
  Step #2: [builder] npm error Missing: style-search@0.1.0 from lock file
  Step #2: [builder] npm error Missing: camelcase-keys@6.2.2 from lock file
  Step #2: [builder] npm error Missing: read-pkg-up@7.0.1 from lock file
  Step #2: [builder] npm error Missing: strip-indent@3.0.0 from lock file
  Step #2: [builder] npm error npm ci
  Step #2: [builder] npm error [--install-strategy
  <hoisted|nested|shallow|linked>] [--legacy-bundling]
  Step #2: [builder] npm warn ERESOLVE overriding peer dependency
  Step #2: [builder] npm warn ERESOLVE overriding peer dependency
  Step #2: [builder] npm warn ERESOLVE overriding peer dependency
  Step #2: [builder] npm warn ERESOLVE overriding peer dependency
  Step #2: [builder] npm error
  Step #2: [builder] npm error Missing: typescript@4.9.5 from lock file
  Step #2: [builder] npm error Missing: fastest-levenshtein@1.0.16 from
  lock file
  Step #2: [builder] npm error Missing: html-tags@3.3.1 from lock file
  Step #2: [builder] npm error Missing:
  postcss-resolve-nested-selector@0.1.6 from lock file
  Step #2: [builder] npm error Missing: resolve-from@5.0.0 from lock file
  Step #2: [builder] npm error Missing: table@6.8.2 from lock file
  Step #2: [builder] npm error Missing: v8-compile-cache@2.4.0 from lock
  file
  Step #2: [builder] npm error Missing: @types/minimist@1.2.5 from lock
  file
  Step #2: [builder] npm error Missing: camelcase@5.3.1 from lock file
  Step #2: [builder] npm error Missing: quick-lru@4.0.1 from lock file
  Step #2: [builder] npm error Missing: arrify@1.0.1 from lock file
  Step #2: [builder] npm error Missing: type-fest@0.8.1 from lock file
  Step #2: [builder] npm error Missing: min-indent@1.0.1 from lock file
  Step #2: [builder] npm error Missing: lodash.truncate@4.4.2 from lock
  file
  Step #2: [builder] npm error Missing: hosted-git-info@4.1.0 from lock
  file
  Step #2: [builder] npm error Missing: type-fest@0.6.0 from lock file
  Step #2: [builder] npm error Clean install a project
  Step #2: [builder] npm error Usage:
  Step #2: [builder] npm error [--strict-peer-deps] [--foreground-scripts]
  [--ignore-scripts] [--no-audit]
  Step #2: [builder] npm error [-w|--workspace <workspace-name>
  [-w|--workspace <workspace-name> ...]]
  Step #2: [builder] npm error aliases: clean-install, ic, install-clean,
  isntall-clean
  Step #2: [builder] npm error
  Step #2: [builder] npm error Run "npm help ci" for more info
  Step #2: [builder] npm error A complete log of this run can be found in:
  /home/cnb/.npm/_logs/2024-09-04T17_03_07_731Z-debug-0.log
  Step #2: [builder] failed to build: (error ID: beaf8772):
  Step #2: [builder] npm warn ERESOLVE overriding peer dependency
  ERROR
  ERROR: build step 2 "gcr.io/k8s-skaffold/pack" failed: step exited with
  non-zero status: 1

How can i push this new test app? I dont know if it is related but when i npm start everything starts up fine however this is this warning

 Fetching tunnel connection auth token
[0] (node:4909) [DEP_WEBPACK_DEV_SERVER_ON_AFTER_SETUP_MIDDLEWARE] DeprecationWarning: 'onAfterSetupMiddleware' option is deprecated. Please use the 'setupMiddlewares' option.
[0] (Use `node --trace-deprecation ...` to show where the warning was created)
[0] (node:4909) [DEP_WEBPACK_DEV_SERVER_ON_BEFORE_SETUP_MIDDLEWARE] DeprecationWarning: 'onBeforeSetupMiddleware' option is deprecated. Please use the 'setupMiddlewares' option.
2

What version of node do you have installed on your machine. I think the minimum version required is 18.

3

I finally found that it might not be possible to push a client side app. I think the only way to do a new build is to npm run build and upload the zipped build directory to the feature itself.

4

want to add some details.

.env

PORT=8301
BROWSER=none
TUNNEL_SUBDOMAIN=board-view-10198412

output of mapps code:push – if i delete package-lock.json

❯ mapps code:push -i 10338525
✔ Build asset to deploy
✔ Preparing environment
✔ Asset uploaded successfully
✖ There was an error deploying the application.
  ========== Logs ==========
  yarn run v1.22.19
  $ node -r source-map-support/register ./dist/server.js
  Internal Monday Code API runs at http://localhost:59999
  > monday-react-quickstart-app@0.0.1 start
  > npm run stop && concurrently "npm run server" "npm run expose"
  > monday-react-quickstart-app@0.0.1 stop
  > kill-port 8301 && kill-port 4049 && kill-port 4040
  sh: 1: kill-port: not found
  npm notice
  npm notice New patch version of npm available! 10.8.2 -> 10.8.3
  npm notice Changelog: https://github.com/npm/cli/releases/tag/v10.8.3
  npm notice To update run: npm install -g npm@10.8.3
  npm notice
  In order for the deployment to be successful, the container should be up and listen on port 8080.
5

Hello there @omarHab,

That project is not meant to be used with monday code, but we have this one that does :smile:

6

What worked for me was to use this folder as a starter: welcome-apps/apps/quickstart-fullstack-react-node at master · mondaycom/welcome-apps · GitHub. Then run npm run build in the client directory before pushing to monday code.

7

This is not a view. Im currently looking for a react view that can push via cli

8

Hello again @omarHab,

Our team will work to add more examples in the future :smile:

For now, the example we have for monday code is the one in the previous message.

Cheers,
Matias