Hi everyone,
We are trying to get POS Awesome working on ERPNext v16 (Frappe v16). We know that v16 uses Vue 3, while POS Awesome is built with Vue 2. We are attempting to bridge this using the @vue/compat (Vue 3 Compatibility) layer, but we are stuck at a persistent white screen.
Technical Setup:
- Library: We manually copied
@vue/compat(vue.global.js) to the assets folder asvue-fix.jsto bypass v16 node_modules restrictions. - Hooks: Our
hooks.pyis configured to load the compat build first, then the config, then the bundle. - Configuration: We injected
window.Vue.configureCompat({ MODE: 2 })directly into the core Vue file to ensure it executes before the app mounts.
The Problem:
Despite the library being loaded, the browser console is full of Vue 2 deprecation warnings:
(deprecation GLOBAL_MOUNT)(deprecation PRIVATE_APIS)(deprecation OPTIONS_DATA_FN)
It seems like configureCompat is not being respected even though it’s injected into the source file.
Screenshots Attached:
- Our
hooks.pyfile content. - Browser console errors.
Has anyone successfully managed to run POS Awesome on v16? We would appreciate any guidance on how to properly handle the Vue 3 compatibility transition in the Frappe v16 asset pipeline.
Thanks!
