How could one add capacitor plugins this way (using Capacitor object directly) in version 3 , since they are not included in capacitor.js?
Using Capacitor without a JS build system or module loader
Capacitor live-reload for IOS launch browser instead of webview
got the problem solved, just missing this configuration
Npx cap vs ionic cap
I’ve seen both “npx cap” and “ionic cap” been used for syncing Ionic projects e.tc.
But which one is the recommended command to use and what is the different between those?
“ionic cap --version” results in 6.17.0, which is the same version as my global Ionic installment.
“npx cap --version” gives me 3.2.0, which is my project installed version of Capacitor.
I’m naturally uses the highest version, but I’m unsure if I should to that.
Native app E2E testing
Hi,
Currently we are E2E testing our Angular Ionic + Capacitor using Cypress in Chrome and it works great, but we would like to run tests also in iOS and Android simulators, to verify the native specific features.
Is there any solution to native app E2E testing for Ionic + Capacitor apps?
Thanks.
Is it possible to integrate Capacitor into an existing iOS/Android App?
@rapropos Thanks for the reply. Apologies as I should have explained myself better in the question, but I fully understand what Capacitor/Cordova is.
My use case is that I have an existing App but I also have an existing mobile Web Application. I want to test the impact of removing certain native views with WebViews, living in an hybrid situation where I can present wither a native view or a Capacitor Webview depending on runtime configuration.
I tried to find a resource of “How to integrate Capacitor into an existing iOS/Android App” but I only found “How to transform an existing PWA into an App with Capacitor”.
What I need is some CocoaPod/Gradle Lib I can integrate with and instructions on any setup I need to do in an existing App to present a Capacitor powered WebView.
Npx cap vs ionic cap
Your ionic version command gives u the version of the ionic command line interface
The npx cap gives u the version of capacitor cli
These versions are different and not comparable. So you cannot say 6 is better because it is higher than 3. Apples and pears
Next, Ionic cli invokes the capacitor cli under the hood. So with ionic v6 u run capacitor v3
You can use both to achieve the same.There can be comfort sticking to one cli interface for ease of reference and potentially (but not very likely) version issues
'tar@https://skimdb.npmjs.com/registry/tar/-/tar-6.1.10.tgz' is not in npm registry
I cannot install Ionic/CLI using npm as it gives error stating:
npm ERR! code E404
npm ERR! 404 Object Not Found - GET https://skimdb.npmjs.com/registry/tar/-/tar-6.1.10.tgz - not_found
npm ERR! 404
npm ERR! 404 ‘tar@https://skimdb.npmjs.com/registry/tar/-/tar-6.1.10.tgz’ is not in the npm registry.
npm ERR! 404 You should bug the author to publish it (or use the name yourself!)
npm ERR! 404
npm ERR! 404 Note that you can also install from a
npm ERR! 404 tarball, folder, http url, or git url.
Can anyone help out in this.
Cant build blank projects anymore
You are my saviour! Those ‘#’ are BAD for Angular… Thanks!!!
Sc-ion class changes app style
You are the best, we’re using HotJar, too. Thank you so much!!!
Long press in Ionic Vue
There’s a post on the Ionic blog that goes into how to do it using gestures.
How to show a popover while retaining focus?
Please keep us updated on how the autocomplete goes. I’m trying to figure out how to implement an autocomplete input and was considering ion-popover as well.
Ionicons hex icons codes
@developer_82 Hey i also need the hex codes for the 1332 icons… did u find it some where?
Using Capacitor without a JS build system or module loader
Capacitor live-reload for IOS launch browser instead of webview
that configuration is not needed, unless the url is different from the server url and you said it wasn’t
'tar@https://skimdb.npmjs.com/registry/tar/-/tar-6.1.10.tgz' is not in npm registry
looks like skimdb is a mirror of npm and the package might not be published there yet, not sure if you are behind a firewall or what can cause that your npm installation searches in skimdb instead of on npm registry.
try running npm config set registry http://registry.npmjs.org
Redirecting w/ Next.js
are you using latest version of next.js? I remember that they had a bug where their routing didn’t work on Capacitor, but they supposedly fixed it long ago.
If you are using latest then might be a regression, report it to them.
Redirecting w/ Next.js
I think I’ve gotten it figured out - It seems to have been an issue with my Capacitor Storage code, which I’ve fixed.
How to show a popover while retaining focus?
Does it work as expected if you set keyboardClose
to false
when creating your popover? The API for this is not very clear, so we are looking into ways to improve this.
How to render facebook,twitter URL in ionic 5 app
Can anyone please let me know how to render Facebook and Twitter URL in Ionic app ?
I am trying to do it using iframe as below, but it is not working.
<iframe class="webPage" frameborder="0" name="eventsPage" src="https://twitter.com/" allowfullscreen></iframe>
But getting below error:
Refused to display ‘https://twitter.com/’ in a frame because it set ‘X-Frame-Options’ to ‘deny’.
Any help would be appreciated.
'tar@https://skimdb.npmjs.com/registry/tar/-/tar-6.1.10.tgz' is not in npm registry
Thank you for the suggestion. However, I managed to solve the problem by uninstalling the existing Nodejs which was not an LTS version hence was giving me errors while installation. And installed LTS version of Nodejs and It worked like a charm.