CSS Not loading after installing the ERPNEXT and HRMS

[rajamuppidi]

Information about bug

I have installed the ERPNext using the docker in portainer everything worked well untill i installed the hrms app, it borken my assets and completely the css is not loading anymore.

I have installed the docker app using.

version: "3"

services: backend: image: frappe/erpnext:v15.14.6 deploy: restart_policy: condition: on-failure volumes:

• sites:/home/frappe/frappe-bench/sites

• logs:/home/frappe/frappe-bench/logs

  configurator: image: frappe/erpnext:v15.14.6 deploy: restart_policy: condition: none entrypoint:

• bash
• -c

  add redis_socketio for backward compatibility

  command:

• ls -1 apps > sites/apps.txt; bench set-config -g db_host $$DB_HOST; bench set-config -gp db_port $$DB_PORT; bench set-config -g redis_cache "redis://$$REDIS_CACHE"; bench set-config -g redis_queue "redis://$$REDIS_QUEUE"; bench set-config -g redis_socketio "redis://$$REDIS_QUEUE"; bench set-config -gp socketio_port $$SOCKETIO_PORT; environment: DB_HOST: db DB_PORT: "3306" REDIS_CACHE: redis-cache:6379 REDIS_QUEUE: redis-queue:6379 SOCKETIO_PORT: "9000" volumes:

• sites:/home/frappe/frappe-bench/sites

• logs:/home/frappe/frappe-bench/logs

  create-site: image: frappe/erpnext:v15.14.6 deploy: restart_policy: condition: none volumes:

• sites:/home/frappe/frappe-bench/sites
• logs:/home/frappe/frappe-bench/logs entrypoint:
• bash
• -c command:

• wait-for-it -t 120 db:3306; wait-for-it -t 120 redis-cache:6379; wait-for-it -t 120 redis-queue:6379; export start=date +%s; until [[ -n grep -hs ^ sites/common_site_config.json | jq -r ".db_host // empty" ]] && \ [[ -n grep -hs ^ sites/common_site_config.json | jq -r ".redis_cache // empty" ]] && \ [[ -n grep -hs ^ sites/common_site_config.json | jq -r ".redis_queue // empty" ]]; do echo "Waiting for sites/common_site_config.json to be created"; sleep 5; if (( date +%s-start > 120 )); then echo "could not find sites/common_site_config.json with required keys"; exit 1 fi done; echo "sites/common_site_config.json found"; bench new-site --no-mariadb-socket --admin-password=admin --db-root-password=admin --install-app erpnext --set-default frontend;

  db: image: mariadb:10.6 healthcheck: test: mysqladmin ping -h localhost --password=admin interval: 1s retries: 15 deploy: restart_policy: condition: on-failure command:

• --character-set-server=utf8mb4
• --collation-server=utf8mb4_unicode_ci
• --skip-character-set-client-handshake
• --skip-innodb-read-only-compressed # Temporary fix for MariaDB 10.6 environment: MYSQL_ROOT_PASSWORD: admin volumes:

• db-data:/var/lib/mysql

  frontend: image: frappe/erpnext:v15.14.6 depends_on:

• websocket deploy: restart_policy: condition: on-failure command:
• nginx-entrypoint.sh environment: BACKEND: backend:8000 FRAPPE_SITE_NAME_HEADER: frontend SOCKETIO: websocket:9000 UPSTREAM_REAL_IP_ADDRESS: 127.0.0.1 UPSTREAM_REAL_IP_HEADER: X-Forwarded-For UPSTREAM_REAL_IP_RECURSIVE: "off" PROXY_READ_TIMEOUT: 120 CLIENT_MAX_BODY_SIZE: 50m volumes:
• sites:/home/frappe/frappe-bench/sites
• logs:/home/frappe/frappe-bench/logs ports:

• "8080:8080"

  queue-long: image: frappe/erpnext:v15.14.6 deploy: restart_policy: condition: on-failure command:

• bench
• worker
• --queue
• long,default,short volumes:
• sites:/home/frappe/frappe-bench/sites

• logs:/home/frappe/frappe-bench/logs

  queue-short: image: frappe/erpnext:v15.14.6 deploy: restart_policy: condition: on-failure command:

• bench
• worker
• --queue
• short,default volumes:
• sites:/home/frappe/frappe-bench/sites

• logs:/home/frappe/frappe-bench/logs

  redis-queue: image: redis:6.2-alpine deploy: restart_policy: condition: on-failure volumes:

• redis-queue-data:/data

  redis-cache: image: redis:6.2-alpine deploy: restart_policy: condition: on-failure volumes:

• redis-cache-data:/data

  scheduler: image: frappe/erpnext:v15.14.6 deploy: restart_policy: condition: on-failure command:

• bench
• schedule volumes:
• sites:/home/frappe/frappe-bench/sites

• logs:/home/frappe/frappe-bench/logs

  websocket: image: frappe/erpnext:v15.14.6 deploy: restart_policy: condition: on-failure command:

• node
• /home/frappe/frappe-bench/apps/frappe/socketio.js volumes:
• sites:/home/frappe/frappe-bench/sites
• logs:/home/frappe/frappe-bench/logs

volumes: db-data: redis-queue-data: redis-cache-data: sites: logs:

2. Instlaled hrms in both frontend and backend docker containers using

bench get-app hrms bench --site frontend install-app hrms

3. Tried solutions: bench update, bench migrate, also cleared the cache but nothing helped me.

Module

HR

Version

ERPNext Version: v15.14.6

Installation method

docker

Relevant log output / Stack trace / Full Error Message.

GET https://mywebsite/assets/frappe/dist/css/website.bundle.LE5Q23SD.css net::ERR_ABORTED 404 (Not Found)
login.bundle.JVC4CY5U.css:1 

GET https://mywebsite/assets/frappe/dist/css/login.bundle.JVC4CY5U.css net::ERR_ABORTED 404 (Not Found)
erpnext-web.bundle.ACUICUJY.css:1 

GET https://mywebsite/assets/erpnext/dist/css/erpnext-web.bundle.ACUICUJY.css net::ERR_ABORTED 404 (Not Found)

The resource https://mywebsite/assets/frappe/dist/css/login.bundle.JVC4CY5U.css was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.

[modydiop]

hi there, I am experiencing a similar issue - Any assistance please?

[sumeetahuja1974]

The bench command (bench get-app hrms bench --site frontend install-app hrm) seems to break the CSS references. I struggled with the same issue and then ended up with finding a yaml file which installs all of the components. Copy below in YAML file and it should install frappe, erpnext and hrms on your docker instance

version: "3"

services: backend: image: 89neuron/erpnext_hrms_payments:v15 deploy: restart_policy: condition: on-failure volumes:

• sites:/home/frappe/frappe-bench/sites

• logs:/home/frappe/frappe-bench/logs

  configurator: image: 89neuron/erpnext_hrms_payments:v15 deploy: restart_policy: condition: none entrypoint:

• bash
• -c

  add redis_socketio for backward compatibility

  command:

• ls -1 apps > sites/apps.txt; bench set-config -g db_host $$DB_HOST; bench set-config -gp db_port $$DB_PORT; bench set-config -g redis_cache "redis://$$REDIS_CACHE"; bench set-config -g redis_queue "redis://$$REDIS_QUEUE"; bench set-config -g redis_socketio "redis://$$REDIS_QUEUE"; bench set-config -gp socketio_port $$SOCKETIO_PORT; environment: DB_HOST: db DB_PORT: "3306" REDIS_CACHE: redis-cache:6379 REDIS_QUEUE: redis-queue:6379 SOCKETIO_PORT: "9000" volumes:

• sites:/home/frappe/frappe-bench/sites

• logs:/home/frappe/frappe-bench/logs

  create-site: image: 89neuron/erpnext_hrms_payments:v15 deploy: restart_policy: condition: none volumes:

• sites:/home/frappe/frappe-bench/sites
• logs:/home/frappe/frappe-bench/logs entrypoint:
• bash
• -c command:

• wait-for-it -t 120 db:3306; wait-for-it -t 120 redis-cache:6379; wait-for-it -t 120 redis-queue:6379; export start=date +%s; until [[ -n grep -hs ^ sites/common_site_config.json | jq -r ".db_host // empty" ]] && \ [[ -n grep -hs ^ sites/common_site_config.json | jq -r ".redis_cache // empty" ]] && \ [[ -n grep -hs ^ sites/common_site_config.json | jq -r ".redis_queue // empty" ]]; do echo "Waiting for sites/common_site_config.json to be created"; sleep 5; if (( date +%s-start > 120 )); then echo "could not find sites/common_site_config.json with required keys"; exit 1 fi done; echo "sites/common_site_config.json found"; bench new-site --no-mariadb-socket --admin-password=admin --db-root-password=admin --install-app erpnext --set-default frontend; bench --site frontend install-app hrms; bench --site frontend install-app payments;

  db: image: mariadb:11.2 healthcheck: test: mysqladmin ping -h localhost --password=admin interval: 1s retries: 15 deploy: restart_policy: condition: on-failure command:

• --character-set-server=utf8mb4
• --collation-server=utf8mb4_unicode_ci
• --skip-character-set-client-handshake
• --skip-innodb-read-only-compressed # Temporary fix for MariaDB 10.6 environment: MYSQL_ROOT_PASSWORD: admin volumes:

• db-data:/var/lib/mysql

  frontend: image: 89neuron/erpnext_hrms_payments:v15 deploy: restart_policy: condition: on-failure command:

• nginx-entrypoint.sh

  environment: BACKEND: backend:8000 FRAPPE_SITE_NAME_HEADER: frontend SOCKETIO: websocket:9000 UPSTREAM_REAL_IP_ADDRESS: 127.0.0.1 UPSTREAM_REAL_IP_HEADER: X-Forwarded-For UPSTREAM_REAL_IP_RECURSIVE: "off" PROXY_READ_TIMEOUT: 120 CLIENT_MAX_BODY_SIZE: 50m volumes:

• sites:/home/frappe/frappe-bench/sites
• logs:/home/frappe/frappe-bench/logs ports:

• "8080:8080"

  queue-long: image: 89neuron/erpnext_hrms_payments:v15 deploy: restart_policy: condition: on-failure command:

• bench
• worker
• --queue
• long,default,short volumes:
• sites:/home/frappe/frappe-bench/sites

• logs:/home/frappe/frappe-bench/logs

  queue-short: image: 89neuron/erpnext_hrms_payments:v15 deploy: restart_policy: condition: on-failure depends_on: ["backend"]
  command:

• bench
• worker
• --queue
• short,default volumes:
• sites:/home/frappe/frappe-bench/sites

• logs:/home/frappe/frappe-bench/logs

  redis-queue: image: redis:6.2-alpine deploy: restart_policy: condition: on-failure volumes:

• redis-queue-data:/data

  redis-cache: image: redis:6.2-alpine deploy: restart_policy: condition: on-failure volumes:

• redis-cache-data:/data

  scheduler: image: 89neuron/erpnext_hrms_payments:v15 deploy: restart_policy: condition: on-failure depends_on: ["backend"]
  command:

• bench
• schedule volumes:
• sites:/home/frappe/frappe-bench/sites

• logs:/home/frappe/frappe-bench/logs

  websocket: image: 89neuron/erpnext_hrms_payments:v15 deploy: restart_policy: condition: on-failure command:

• node
• /home/frappe/frappe-bench/apps/frappe/socketio.js volumes:
• sites:/home/frappe/frappe-bench/sites
• logs:/home/frappe/frappe-bench/logs

volumes: db-data: redis-queue-data: redis-cache-data: sites: logs:

[rajamuppidi]

I did tried this, But i need additional apps like india-compliance , helpdesk and crm but when trying to install on top of this again the css issue comes into the play

[sumeetahuja1974]

Yes i am also stuck with the same issue, the moment I install helpdesk everything breaks. Not sure how to fix it, there is a telegram group / discord group , you can post there for some help

[johnrechcabatana]

Any update for this issue?