Hi everyone, I’ve a problem with my quasar-capacitor Android App:
when I change my frontend in vue js, I can’t syncronize my JS folder in “src-capacitor/android/app/src/main/assets/public/js” .
How can I fix that?
thank you!
Hi,
validate if file capacitor.config.ts has "webDir : dist or public "
Hi!
I got: " webDir: ‘src-capacitor/www/’, ".
Is that correct?
Thank you
I recommend you check which is the output folder of your build.
i believe that webDir is the folder output after the build your app, when run npm run build or ionic build the folder output (src/dist/www) is the one that should go in webDir
Hi! That’s my output:
C:\Users\user\development\projects\suite\tigre-mobile\tigre-mobile>npm run build
npm WARN config global --global, --local are deprecated. Use --location=global instead.
tigre-mobile@0.0.1 build
quasar build
Build mode… spa
Pkg quasar… v1.19.5
Pkg @quasar/app… v2.4.3
Debugging… no
Publishing… no
Configured browser support (at least 88.66% of global marketshare):
· Chrome for Android >= 105
· Firefox for Android >= 104
· Android >= 105
· Chrome >= 96
· Edge >= 102
· Firefox >= 95
· iOS >= 13.3
· Opera >= 86
· Safari >= 15
App · Reading quasar.conf.js
App · Transpiling JS (Babel active)
App · Chaining SPA Webpack config
App · Cleaned build artifact: “C:\Users\user\development\projects\suite\tigre-mobile\tigre-mobile\dist\spa”
App · Generating Webpack entry point
App · Compiling with Webpack…
• Compiling:
└── SPA ████████████████████ 100% done in 16862 ms
Build summary for css/js/json (the rest are omitted):
╔═════════════════════╤═══════════╤═══════════╗
║ Asset │ Size │ Gzipped ║
╟─────────────────────┼───────────┼───────────╢
║ 2.e0cd54cb.css │ 0.09 KB │ 0.10 KB ║
║ 3.9d21dc6a.css │ 0.07 KB │ 0.08 KB ║
║ 4.4c9bab65.css │ 0.07 KB │ 0.08 KB ║
║ 5.3b9af491.css │ 0.05 KB │ 0.07 KB ║
║ 6.d87b23b7.css │ 0.28 KB │ 0.16 KB ║
║ app.0e433876.css │ 0.00 KB │ 0.02 KB ║
║ vendor.dbda2cbb.css │ 203.45 KB │ 35.31 KB ║
║ viewer.css │ 48.07 KB │ 8.91 KB ║
╟─────────────────────┼───────────┼───────────╢
║ 2.ac6df815.js │ 0.88 KB │ 0.49 KB ║
║ 3.ef8b5d17.js │ 2.30 KB │ 1.04 KB ║
║ 4.a2cfc54d.js │ 0.88 KB │ 0.58 KB ║
║ 5.6fc6dfff.js │ 3.69 KB │ 0.94 KB ║
║ 6.2704558b.js │ 6.75 KB │ 2.48 KB ║
║ 7.08c91b19.js │ 0.30 KB │ 0.23 KB ║
║ 8.9b28daf9.js │ 2.29 KB │ 1.02 KB ║
║ 9.10979d70.js │ 0.66 KB │ 0.42 KB ║
║ app.e0ee596b.js │ 5.91 KB │ 2.70 KB ║
║ vendor.4f60d6a4.js │ 795.85 KB │ 230.26 KB ║
║ pdf.js │ 210.01 KB │ 58.22 KB ║
║ pdf.sandbox.js │ 609.97 KB │ 256.13 KB ║
║ pdf.worker.js │ 958.26 KB │ 264.37 KB ║
║ customToolbar.js │ 1.47 KB │ 0.58 KB ║
║ debugger.js │ 8.85 KB │ 3.04 KB ║
║ viewer.js │ 214.97 KB │ 57.93 KB ║
╚═════════════════════╧═══════════╧═══════════╝
Build succeeded
Build mode… spa
Pkg quasar… v1.19.5
Pkg @quasar/app… v2.4.3
Debugging… no
Publishing… no
Transpiled JS… yes (Babel)
Output folder… C:\Users\user\development\projects\suite\tigre-mobile\tigre-mobile\dist\spa
Tip: Built files are meant to be served over an HTTP server
Opening index.html over file:// won’t work
Tip: You can use “$ quasar serve” command to create a web server,
both for testing or production. Type “$ quasar serve -h” for
parameters. Also, an npm script (usually named “start”) can
be added for deployment environments.
If you’re using Vue Router “history” mode, don’t forget to
specify the “–history” parameter: “$ quasar serve --history”
Try config capacitor.config.ts
webDir : "dist/spa"
Good morning,
It’s working! Thank you!
Have a nice day!
It’s a pleasure to help you, have a good day.
Please mark the above answer as a solution for other users.