Running the dev environment in Docker Desktop

monday Apps & Developers
,
1

Has anyone tried to run the Monday.com welcome apps (like this one: https://github.com/mondaycom/welcome-apps/tree/master/apps/quickstart-react) in a Docker Desktop container? I prefer to run development tools in Docker to avoid messing up my OS.

I have it working to some degree with a few tweaks, but the tunnel (npm run mtunnel -p 8301) is not fully working.

I am using this setup for docker-compose:

version: "3.8"
services:
  node:
    image: "node:lts"
    user: "node"
    working_dir: /home/node/app
    environment:
      - NODE_ENV=development
#      - NODE_ENV=production
    volumes:
      - ./:/home/node/app
    ports:
      - 4040:4040 
      - 4049:4049
      - 8301:8301
    command: "npm run start"

Any hints are welcome. Otherwise I must revert to install Node.js

2

Hello there @Eigil and welcome to the community!

We are having some issues with the monday tunnel.

Since I do not have an ETA on when it could be working normally again, I recommend you try something else (like maybe ngrok) or something similar.

I hope that helps!

Cheers,
Matias

3

Thanks Matias - do you have any links to documentation for such a setup?

4

Hello again @Eigil,

We don’t have a specific article in our documentation about ngrok, but you can check out this example we have in our Github account that uses ngrok. This is the video that explains it.

Also, you can check ngrok’s documentation page here.

Cheers,
Matias

1 Like
5

Thanks Matias,

I’ll give it a go :slight_smile:

Eigil

1 Like
6

Sounds good @Eigil !

Let us know if you need anything :grin:

1 Like
7

Hi again Matias,

Unfortunately no luck yet. I change to use ngrok and I also installed Node.js on my Windows 11 PC. I get the same result as running it in a container (except it is much faster outside the container, which I read is due to volume mounting between the container and the host OS).

Well, the problem seems to be that no public URL (like https://unsightly-chickaree-35.tunnel.monday.app) is shown in the terminal. I get this output:

[1] > monday-react-quickstart-app@0.0.1 expose
[1] > ngrok http 8301
[1]
[0]
[0] > monday-react-quickstart-app@0.0.1 server
[0] > react-scripts start
[0]
[0] (node:26300) [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:26300) [DEP_WEBPACK_DEV_SERVER_ON_BEFORE_SETUP_MIDDLEWARE] DeprecationWarning: 'onBeforeSetupMiddleware' option is deprecated. Please use the 'setupMiddlewares' option.
[0] Starting the development server...
[0]
[0] Compiled successfully!
[0]
[0] You can now view monday-react-quickstart-app in the browser.
[0]
[0]   Local:            http://localhost:8301
[0]   On Your Network:  http://192.168.0.61:8301
[0]
[0] Note that the development build is not optimized.
[0] To create a production build, use npm run build.
[0]
[0] webpack compiled successfully
[0] Compiling...
[0] Compiled successfully!
[0] webpack compiled successfully

When I click the browser link: http://localhost:8301 I get this page:

image

Any hints as to what is wrong?

Best regards,

Eigil

sdf

8

Hello again @Eigil ,

Would you be able to please send an email to appsupport@monday.com with a screen recording showing your configuration, the steps you are taking, and also sharing this text you get?

From there, we can take a closer look into this.

Looking forward to hearing from you via emai!

Cheers,
Matias

1 Like
9

Hi Matias,

Got side tracked a bit, but I have now emailed details to support.

Best regards,

Eigil

1 Like
10

Thank you for that @Eigil !

We’ll be in touch via email then :grin:

Cheers,
Matias

1 Like