When using custom image `[custom]-nginx` & `[custom]-worker`, error in browser: Uncaught ReferenceError: Vue is not defined

Description of the issue

When using custom image [custom]-nginx & [custom]-worker, error in browser: Uncaught ReferenceError: Vue is not defined

Context information (for bug reports)

I’m following https://github.com/frappe/frappe_docker/blob/develop/docs/custom-apps-for-production.md

And I made my own docs here: https://about.lovia.life/docs/infrastructure/erpnext/developing-custom-apps/#Build_Docker_Image,_Tag,_and_Push_to_GitLab_Container_Registry

Based on version-13-beta (beta 3)

Notes: This is more likely a request for help rather than a definite bug report. I’d really appreciate if you can give me pointers on what to check/diagnose next to find out the issue.

Steps to reproduce the issue

1. Build custom images nginx and worker as documented (there are no errors here, everything seems to run successfully).
2. Deploy in Kubernetes 1.18 using Helm chart, e.g. using following erpnext-values.yaml
3. Go to Login form, enter login and password

mariadbHost: xxx.ap-southeast-1.rds.amazonaws.com
persistence:
  storageClass: nfs
  size: 40Gi

nginxImage:
  # repository: registry.gitlab.com/lovia/frappe_docker/lovia-nginx
  tag: version-13-beta
pythonImage:
  # repository: registry.gitlab.com/lovia/frappe_docker/lovia-worker
  tag: version-13-beta
# frappe/frappe-socketio
socketIOImage:
  tag: version-13-beta

imagePullSecrets: 
  - name: regcred

Observed result

Uncaught ReferenceError: Vue is not defined (see stacktrace)

Expected result

Showing Desk (logged in) as usual.

Stacktrace / full error message if available

DevTools failed to load SourceMap: Could not load content for https://erp.lovia.life/assets/js/frappe-charts.min.iife.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
DevTools failed to load SourceMap: Could not load content for webpack://Quill/node_modules/quill-delta/dist/Delta.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
DevTools failed to load SourceMap: Could not load content for webpack://Quill/node_modules/quill-delta/dist/AttributeMap.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
DevTools failed to load SourceMap: Could not load content for webpack://Quill/node_modules/quill-delta/dist/Op.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
DevTools failed to load SourceMap: Could not load content for webpack://Quill/node_modules/quill-delta/dist/Iterator.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
assets.js:54 localStorage cleared
assets.js:20 Cleared App Cache.
assets.js:54 localStorage cleared
desk.js:157 Uncaught ReferenceError: Vue is not defined
    at init.setup_frappe_vue (desk.js:157)
    at init.startup (desk.js:45)
    at new init (desk.js:29)
    at Object.frappe.start_app (desk.js:13)
    at HTMLDocument.<anonymous> (desk.js:24)
    at i (jquery.min.js:2)
    at Object.fireWith [as resolveWith] (jquery.min.js:2)
    at Function.ready (jquery.min.js:2)
    at HTMLDocument.J (jquery.min.js:2)
setup_frappe_vue @ desk.js:157
startup @ desk.js:45
init @ desk.js:29
frappe.start_app @ desk.js:13
(anonymous) @ desk.js:24
i @ jquery.min.js:2
fireWith @ jquery.min.js:2
ready @ jquery.min.js:2
J @ jquery.min.js:2
DevTools failed to load SourceMap: Could not load content for webpack://Quill/node_modules/quill-delta/dist/Delta.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
DevTools failed to load SourceMap: Could not load content for webpack://Quill/node_modules/quill-delta/dist/AttributeMap.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
DevTools failed to load SourceMap: Could not load content for webpack://Quill/node_modules/quill-delta/dist/Op.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
DevTools failed to load SourceMap: Could not load content for webpack://Quill/node_modules/quill-delta/dist/Iterator.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
DevTools failed to load SourceMap: Could not load content for chrome-extension://eakacpaijcpapndcfffdgphdiccmpknp/scripts/content_page.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME

[revant]

Theses are separate questions for kubernetes. Not directly related to custom image mentioned in issue title.

1. Yes migrate job
2. kubectl rollout --help

[revant]

Ok so my question now is, after I’ve built the custom image and deployed that to Kubernetes: How do I install that app on an existing site?

https://github.com/frappe/helm/issues/50#issuecomment-663346353

1. Another question (sorry). Since v13-beta.4 has been released… how to migrate an ERPNext installation from v13-beta.3 to v13-beta.4, is there a documentation for this? So definitely first needs to ensure Helm chart is deploying the correct images tag/version, but after that, what should be done?

• https://helm.erpnext.com/kubernetes-resources/create-migrate-sites-job
• Manual migration is recommended over auto migrate for better control.
• during helm upgrade --set values of image tags appropriately. You can even --set migrateJob.enable=true to run upgrade as part of helm upgrade command.