socket.io ERR_CONNECTION_REFUSED

[faizanops3]

Description of the issue

I successfully installed Frappe Builder. However, when I try to create a new site, I encounter errors in the browser console.

Context information (for bug reports)

• Frappe version: version-15
• Python version: 3.12.8
• Node.js version: 20.9.0
• Docker image: faizan44/frapee-go:1.0.6

Steps to reproduce the issue

1. Built a custom Docker image with the following apps.json:

   [
     {
       "url": "https://github.com/frappe/erpnext",
       "branch": "version-15"
     },
     {
       "url": "https://github.com/frappe/payments",
       "branch": "version-15"
     },
     {
       "url": "https://github.com/frappe/webshop",
       "branch": "version-15"
     },
     {
       "url": "https://github.com/frappe/builder",
       "branch": "master"
     },
     {
       "url": "https://github.com/TridotsTech/Go1-Webshop",
       "branch": "master"
     }
   ]

2. Used the following command to build the Docker image:

   docker build \
     --build-arg=FRAPPE_PATH=https://github.com/frappe/frappe \
     --build-arg=FRAPPE_BRANCH=version-15 \
     --build-arg=PYTHON_VERSION=3.12.8 \
     --build-arg=NODE_VERSION=20.9.0 \
     --build-arg=APPS_JSON_BASE64=$APPS_JSON_BASE64 \
     --tag=faizan44/frapee-go:1.0.6 \
     --file=images/custom/Containerfile .

3. Pushed the image to Docker Hub.
4. Replaced the image in pwd.yml with faizan44/frapee-go:1.0.6.
5. Tried to create a new site.

Observed result

Errors in the browser console:

main.ts:18  
 GET http://localhost:9000/socket.io/?EIO=4&transport=polling&t=PFFeFHG net::ERR_CONNECTION_REFUSED
(anonymous)	@	main.ts:18

builder.api.get_page_preview_html:14 
 GET http://localhost/assets/builder/reset.css?v=1 net::ERR_CONNECTION_REFUSED
builder.api.get_page_preview_html:20 
 GET http://localhost/builder_assets/Navbar%201/imageca9535.webp net::ERR_CONNECTION_REFUSED
builder.api.get_page_preview_html:20 
 GET http://localhost/builder_assets/Navbar%201/Logo.webp net::ERR_CONNECTION_REFUSED
builder.api.get_page_preview_html:22 
 GET http://localhost/builder_assets/Hero%202/image0ccb3c.webp net::ERR_CONNECTION_REFUSED
/assets/builder/fron…/builder_logo.png:1 
 GET http://localhost/assets/builder/frontend/builder_logo.png net::ERR_CONNECTION_REFUSED
main.ts:18 
 GET http://localhost:9000/socket.io/?EIO=4&transport=polling&t=PFFeG0f net::ERR_CONNECTION_REFUSED

Expected result

The site should be created successfully, and assets and socket connections should load without errors.

Image

[revant]

https://github.com/frappe/frappe_docker/wiki/Frequently-Asked-Questions#socketio-does-not-work-with-pwdyml

[faizanops3]

Hi @revant sir,

In pwd.yml i changed these, Still facing the same error,

1. Under frontend service:-

• FRAPPE_SITE_NAME_HEADER: $$host

2. Under create-site service in the command:-

• bench new-site --mariadb-user-host-login-scope='%' --admin-password=admin --db-root-username=root --db-root-password=admin --install-app payments --install-app erpnext --install-app webshop --install-app builder --install-app go1_webshop frontend.localhost;

3. Under websocket service:-

    extra_hosts: 
      - "frontend.localhost:host-gateway"

My forked repo: https://github.com/faizanops3/frappe_docker

Thank you so much for taking time.