frappe_docker: 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)

image

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

About this issue

  • Original URL
  • State: closed
  • Created 4 years ago
  • Comments: 23 (14 by maintainers)

Commits related to this issue

Most upvoted comments

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

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

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?