I am facing issue while generating production build using ionic. I am using ionic 5 with capacitor 2.2.0
Below is the screenshot of the errors. I am able to do development build(ionic build) successfully, but facing issues with ionic build --prod
Above are the html errors which are not observed when executing ionic build, but observed when we execute ionic build --prod.
As I know production build reduces the file size, but I am not able to understand what is causing the html errors as per the above screenshot.
Is it a problem with angular devkit? Also, I am using angular version 8.
It's intended
With prod it will build with types check in html
If you set the networkAvailable to public it should work
Related
I have a Nuxt 2 app. I'm following the docs to add Capacitor and Android Support.
Everything is fine up to the point of running npx cap add android. The android folder is generated however there are errors in the terminal
√ Adding native android project in android in 342.51ms
√ Syncing Gradle in 944.40μp
√ add in 345.44ms
× copy android - failed!
[error] The web assets directory (.\.nuxt) must contain an index.html file.
It will be the entry point for the web portion of the Capacitor app.
√ Updating Android plugins in 33.68ms
× update android - failed!
[error] Error: ENOENT: no such file or directory, open
'<sourceroot>\android\app\src\main\assets\capacitor.plugins.json'
I’m not running Nuxt in static mode (due to routes and content pulled in dynamically from a CMS). So I run nuxt build which generates the output into a folder named .nuxt by default.
However nuxt build doesn’t create an index.html as an entry point, the nuxt build actually states Entrypoint app = server.js server.js.map. Hence the error above where it can’t find index.html in the .nuxt directory.
Does anyone know a way to resolve this? Or have implemented Capacitor with a Nuxt SPA?
I’ve found resources when using nuxt generate for a static app but not nuxt build for a spa like in my case.
I have a Nuxt2 web app with servers (app server and separate API server), also deployed as an Android app on the Play Store (in alpha testing). Both app flavours look and behave identical and use the same API server, as I desire.
IMHO, in the lifetime of your (universal) app, BOTH build and generate will get leveraged:
build, likely by whatever web app host you use (ie AWS, Heroku, etc), during deployment of the web app.
generate by yourself, when you're ready to submit to the app stores (Apple, Google, etc), making use of Capacitor.
Let's say you have a new feature to add to the app. On that day, you make git commits and increment your version number and when you're ready to deploy the update...
For the web app...
Make commit(s) and version number change
Deploy to your app host, which for most people, will also run the build step for you
The only time I ever run build locally is when I need to make final tests, troubleshoot bugs or make optimizations (e.g. lower final package size).
For the Android or iOS apps...
Make commit(s) and version number change
nuxt generate
Run Capacitor sync (however which way you do it (for me I use: npx cap sync)
Prepare the app store build & submit (however which way you do it)
What nuxt generate does for you, and what Capacitor needs, is a fully rendered snapshot of all your app views together, all at once. It's the equivalent of a web app user opening all your app's views all at once (e.g. 50 browser tabs), pulling all components/styles/etc into their local browser. This fully rendered app state ultimately gets bundled and is what will get submitted to the app store(s).
In Nuxt docs and terminal output, they seem to strongly suggest that if you're using nuxt generate, that you want to be using target: static, however I will say you should completely ignore this advice. Static is what you'd consider if you had a "brochureware" website or some recipe book app that you update once-in-awhile. It goes as far as in the terminal output of nuxt generate, even if I have target: server defined, you'll still see a line saying something along the lines of "Outputting for target static...". Just ignore it.
There is hardly anything static about a typical universal web app.
I personally use target: server with nuxt generate and I haven't seen any problems in the app (web or Android version).
Running build test for ios release locally is working fine, however it fails on Github actions enter image description here
It seems like your app build command (that you have provided in Detox config) is faulty and that is why your app is failing build. Unrelated to Detox.
I have created ionic 4 new project using following command.
ionic start myApp tabs
Install angular
ng add #angular/pwa --project app
And build app
ionic build --prod
at 92%(92% chunk asset optimization TerserPlugin) it doesn't work, stop here and and gives attached error!
Can somone adivse?
I tried to do the same operation with other projects but it doesn't work.
node v 9.8.0
You don't need to install angular, its already part of an Ionic project. Maybe you are confusing things by doing this.
Try doing the steps above but without this line:
ng add #angular/pwa --project app
Also btw if you are posting errors, please copy paste them in as text. Your error is hard to read and half clipped off - do yourself a favour and make it easy for people to help you.
Im trying to run my app on device but its showing error of
* What went wrong:
Execution failed for task ':app:fabricGenerateResourcesDebug'.
This error is showing when im using firebase native plugin.
You need to be read this Documentation no longer need ionic plugin.
https://github.com/angular/angularfire2
Install npm page and use this without plugin install.
Possible duplicate of:https://stackoverflow.com/a/49548906/10585097
Solution mentioned :Replace com.android.support:support-v4:+ with com.android.support:support-v4:27.1.0 in project.properties file under platform/android folder
Im building my first electron app and I want to use VueJs, I have installed vue via the cli3.
When i run the app in dev its all fine, however in production (after running a build) there is a warning in the console that vue builds are designed to run over an http-server. This is usually fine since it will be, however to embed vue in an electron app, I wont be using an http-server to serve the vue app.
the net effect of this is that when i build my electron app and run it, I just see a blank screen and none of the js/css/img files get loaded (all 404).
Does anyone know how to resolve this?
I reviewed so many vue/electron tutorials but they only cover dev, none of them seem to go as far as building it and running the finished product.