Hi All.
I have a problem when downloading a file from a URL with FileTransfer Plugin
I get the error (code: 3) and (http_status:401)
I’m using Ionic 4 with Cordova, Hope to find any solutions.
For Android its working fine but for iOS only it is giving problem
Best Wishes
1 post - 1 participant
We create the best professional user interface (UI)/ user experience (UX) website design in the entire USA with the latest web development technologies.
1 post - 1 participant
Article submission is the oldest, safest, easiest and most effective way of creating back links for a website. You can publish your article on any article website, but if you talk about the quality, then you should follow your niche related article websites. Posting your article on a relevant website page is the most important step in link building. Backlink Creation is one of SEO processes used to bring traffic from search to a website. It also helps websites to beat the competition in the search engine optimization world. Trust factor is the most important thing for any website and with the help of right and professional link building services it is easily achievable.
1 post - 1 participant
Does Drifty have an official statement regarding Big Sur and its compatibility with Ionic Framework? Having been burned before with upgrading my Mac too soon, I think I chose wisely this time with holding off (here and here).
I’d like to know if there is a single destination where I can watch for Drifty news whenever either iOS or Android gets a big upgrade.
In advance, thank you.
1 post - 1 participant
I want to add ads for my app so ı use
npm install cordova-plugin-admob-free
npm install @ionic-native/admob-free
ionic cap sync
But when ı run capacitor android there is a problem
How can i fix it ?
In project 'app' a resolved Google Play services library dependency depends on another at an exact version (e.g. "[11.0.
4]", but isn't being resolved to that version. Behavior exhibited by the library will be unknown.
Dependency failing: com.google.android.gms:play-services-clearcut:11.0.4 -> com.google.android.gms:play-services-tasks@[
11.0.4], but play-services-tasks version was 17.0.0.
The following dependencies are project dependencies that are direct or have transitive dependencies that lead to the art
ifact with the issue.
-- Project 'app' depends onto com.google.android.gms:play-services-ads@11.0.4
-- Project 'app' depends onto com.google.android.gms:play-services-clearcut@{strictly 11.0.4}
-- Project 'app' depends onto com.google.android.gms:play-services-ads@{strictly 11.0.4}
-- Project 'app' depends onto com.google.android.gms:play-services-safetynet@{strictly 11.0.4}
-- Project 'app' depends onto com.google.android.gms:play-services-base@{strictly 17.0.0}
-- Project 'app' depends onto com.google.android.gms:play-services-tasks@{strictly 17.0.0}
-- Project 'app' depends onto com.google.android.gms:play-services-base@11.0.4
For extended debugging info execute Gradle from the command line with ./gradlew --info :app:assembleDebug to see the dep
endency paths to the artifact. This error message came from the google-services Gradle plugin, report issues at https://
github.com/google/play-services-plugins and disable by adding "googleServices { disableVersionCheck = false }" to your b
uild.gradle file.
1 post - 1 participant
I am able to build my app on my computer but I run into errors when building via appflow.
"ERROR in node_modules/@ionic/storage/storage.d.ts:113:9 - error TS1086: An accessor cannot be declared in an ambient context.
113 get driver(): string | null;"
Now I got this exact issue on my computer. All I had to do was downgrade ionic storage to 2.2.0 and its fine. The problem is I am not sure how to downgrade it via appflow’s environment, if that is even possible.
1 post - 1 participant
Hello,
I am getting a build failure when building the project in Xcode. The error seems related to the inapp purchase (error started after installing the inapp purchase 2). Error is: “No visible @interface for ‘SKPaymentQueue’ declares the selector 'presentCodeRedemptionSheet”.
I found similar issue with react-native-iap, which the solution was to downgrade it.
Does any one knows if this is similar and if I need to downgrade the iap? I am using the latest V5.30.
Regards,
Shlomo
1 post - 1 participant
I'm using CreateAnimation Component to animate my components in reverse direction. from within gestures(createGestures hook(custom), left and right method while swiping left and right).
const {ref, gesture }=useGesture ({
right :() =>{
if(animationref.current !==null){
animationref.current.setupAnimation({
duration:1000,
**direction:'normal',** //**Works fine**
fromTo:{
property:'transform',
fromValue: `translateX(-100%)`,
toValue:`translate(0)`
}
});
animationref.current.animation.play();
}
left :() =>{
if(animationref.current !==null){
animationref.current.setupAnimation({
duration:1000,
**direction:'reverse'** //**Reverse animation doesnt seem to work when applied through ref(works fine if directly applied in render**
fromTo:{
property:'transform',
fromValue: `translateX(-0)`,
toValue:`translate(100%)`
}
});
animationref.current.animation.play();
}
}
});
I've a component like :
return(
<IonPage ref={ref}>
<IonContent>
<CreateAnimation
ref ={animationref} >
<div className='myclass'>
<switch>
<Route path ={'/abc'}>
{ABC }
</Route>
<Route path ={'/def'}>
{DEF }
</Route>
<Route path ={'/ghi'}>
{GHI }
</Route>
</switch>
</div>
</CreateAnimation>
</IonPage>
</IonContent>
);`Preformatted text`
ionic/react:5.4.0
React: 17.0.1
1 post - 1 participant
hi i want to change ionic slider pagination style. i know how can i change it but when i change css style of it in global.scss it will effect all ion-slides in app but i want change only specific slider pagination style. maybe only in home page not all app.
thanks for youre help
1 post - 1 participant
Hi,
I’m very new to app development, so I’m just learning through Ionic. I’m currently going through the documentation. I’ve set up the environment and even fixed the EACCES error yesterday. However, when I proceeded to start with the “practice” angular app tutorial today, and I typed in “ionic start”, I got the message that the command “ionic” cannot be found.
So, do I have to run this code, npm install -g @ionic/cli, every time I re-open visual studio code and want to continue with a project?
Thank you!
2 posts - 2 participants
Hi there Fellas,
I need to insert some icons on my web app. i have inserted all the required commands and my code shows no errors, but the icons won’t show in the navigation bar.
Code I used:
<!--Basic: auto-select the icon based on the platform -->
<ion-icon name="arrow-back"></ion-icon>
<!-- Advanced: explicity set the icon for each platform -->
<ion-icon ios="ios-arrow-back" md="md-arrow-back"></ion-icon>
See Icons on my website.
1 post - 1 participant
Hello pals. I left you this issue. It’s easy to understand but it has me lock…
5 posts - 2 participants
I’m so desperately looking for an answer for this, please help.
I have three ionic pages, structure as follows
-features
--home
--request
--new
--old
And each pages has hardware back button listener inside the constructor function,
in new & old pages it simply change route back to home page,
this.platform.backButton.subscribeWithPriority(10, () => {
this._router.navigate(['/features/home'])
});
in home.page.ts,
this.platform.backButton.subscribeWithPriority(10, () => {
console.log(this.routerOutlet.canGoBack())
if (!this.routerOutlet.canGoBack()) {
App.exitApp()
}
});
But my problem is when i put press back button on home page it doesn’t work but other two functions ( both new & old pages)working properly,
So then i put console.log inside every back button listener and once the app is on home page and once the back button is pressed it keeps calls the last visited page back button listener.
Any idea on what’s wrong here ?
1 post - 1 participant
Hello!
Background: I’m not sure if this is an Ionic issue, NPM issue, issue with my configuration, or an Angular issue. By trade I’m a cloud / DevOps guy but Node and JavaScript are new to me. Any help with this issue would be hugely appreciated as it will teach me how to “fish for myself” in the future.
I was able to generate projects with “ionic start” in the past but now I’m getting ERESOLVE errors when trying to create a new Angular project. The only thing that may have changed on my system is npm / node which I update via Brew on my Mac laptop (Big Sur version).
My Node and NPM environments:
JoshTs-MacBook-Air:ionictmp josht$ npm --version
7.3.0
$ node --version
v15.5.0
$ npm ls -g
/usr/local/lib
├── @angular-devkit/build-angular@0.1100.5
├── @angular/compiler-cli@11.0.5
├── @angular/compiler@11.0.5
├── @capacitor/cli@2.4.5
├── @capacitor/core@2.4.5
├── @ionic/cli@6.12.3
├── cordova@10.0.0
├── follow-redirects@1.13.1
├── ionic@
├── npm-check-updates@10.2.5
├── npm@7.3.0
└── typescript@3.9.5
$ npm ls
josht@ /Users/josht
├── @capacitor/cli@2.4.5
├── @capacitor/core@2.4.5
├── @ionic/storage@2.3.1
└── npm-check-updates@10.2.5
JoshTs-MacBook-Air:ionictmp josht$ ionic --version
6.12.3
$ capacitor --version
2.4.5
$
When I “ionic start” with React or Vue things work fine and the project is created successfully.
When I try to “ionic start” any type of Angular project (besides my-first-app & conference) it fails with the following:
$ ionic start testproject blank --type angular
✔ Preparing directory ./testproject in 24.32ms
✔ Downloading and extracting blank starter in 419.27ms
? Integrate your new app with Capacitor to target native iOS and Android? No
Installing dependencies may take several minutes.
──────────────────────────────────────────────────────────────
Ionic Appflow, the mobile DevOps solution by Ionic
Continuously build, deploy, and ship apps 🚀
Focus on building apps while we automate the rest 🎁
👉 https://ion.link/appflow 👈
──────────────────────────────────────────────────────────────
> npm i
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: testproject@0.0.1
**npm ERR! Found: typescript@4.0.5**
npm ERR! node_modules/typescript
npm ERR! peer typescript@">=3.9 <4.1" from @angular/compiler-cli@10.2.4
npm ERR! node_modules/@angular/compiler-cli
npm ERR! peer @angular/compiler-cli@">=10.0.0-next.0 < 11" from @angular-devkit/build-angular@0.1000.8
npm ERR! node_modules/@angular-devkit/build-angular
npm ERR!
**npm ERR! Could not resolve dependency:**
**npm ERR! peer typescript@">=3.9 < 3.10" from @angular-devkit/build-angular@0.1000.8**
**npm ERR! node_modules/@angular-devkit/build-angular**
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See /Users/josht/.npm/eresolve-report.txt for a full report.
npm ERR! A complete log of this run can be found in:
npm ERR! /Users/josht/.npm/_logs/2020-12-24T21_12_48_169Z-debug.log
[ERROR] An error occurred while running subprocess npm.
npm i exited with exit code 1.
Re-running this command with the --verbose flag may provide more information.
$
In the package.json in the testproject directory I see in the DevDepenencies section:
"typescript": "~3.9.5"
Some things I tried:
The question is this: Why does NPM think I have typescript@4.0.5 installed when “npm ls -g” is showing version 3.9.5?
I’m not sure what else to try at this point. Things used to work. I could rip out all of node and NPM and re-install it but that seems like overkill. I could downgrade the global NPM Angular packages to 10.x but to be candid I don’t remember if they were always 11.x or if they were upgraded to 11.x as part of my troubleshooting.
I’ve worked with dependencies before but I"m baffled.
Any help would be much appreciated.
2 posts - 2 participants
I’ll keep this brief: You treat new posters as spammers from day zero
I’m not sure how you guys think this is acceptable.
Do you REALLY get so many spam messages per day that you need a spam filter?
Does anyone check the spam filter? Doesn’t seem like it based on my experience.
If the mods had ignored my group message my next step was to create a new Twitter account (I don’t use Twitter) and attempt to call out people there. Does that seem acceptable to you?
Do you really want to make it this hard to use your community?
If a new user knew what they had to go through to interact with the Ionic community would they want to put in that effort?
Anyway - guy this was a TERRIBLE first experience with Ionic.
You want to build a community?
Then pay attention to the community.
1 post - 1 participant
index.js:47 Uncaught TypeError: AdMobFreeBanner is not a constructor
at new AdMobFreeOriginal (index.js:47)
at Module…/node_modules/@ionic-native/admob-free/index.js (index.js:75)
at webpack_require (bootstrap:84)
at Module…/src/app/app.module.ts (app.component.ts:12)
at webpack_require (bootstrap:84)
at Module…/src/main.ts (main.ts:1)
at webpack_require (bootstrap:84)
at Object.0 (main.ts:12)
at webpack_require (bootstrap:84)
at checkDeferredModules (bootstrap:45)
i’m getting this error in my chrome browser console plz help me to get rid of this
1 post - 1 participant
Anyone how can i resolve this issue? When i use SetOverlaysWebView({ overlay: true }) then this is the result it overlaps my toolbar. Can anyone help me resolve this issue. I’m using Ionic 5 with vue 3.
1 post - 1 participant
How can I find out the unicode values of Ionicons 5?
In version 2 of the icons there was a cheat sheet which listed each icon together with its unicode value and HTML entity (see https://ionicons.com/v2/cheatsheet.html). But unfortunately, I cannot find something similar for the current version.
In my current case I need the unicode value of the play-circle icon to be used in a CSS content property. Does anyone know the code of this icon?
Best regards.
1 post - 1 participant
Hi Folks
I have a list of urls to display, each with their own id, and the idea is to click on the url and it will open in a separate component. But when i try to get the id of the url using UseRouteMatch, i cannot get it to work. It never gets the value. It works fine in vanilla React.
This is the route
<Route path="/anecdotes/:id">
<Anecdote anecdote = {anecdote}/>
</Route>
The code to display the anecdote (individual) is here
const Anecdote = ({ anecdote }: any) => {
console.log('anecdote is ', anecdote)
return (
<div>
<h2>{anecdote.content}</h2>
<p>{anecdote.author}</p>
<p>{anecdote.info}</p>
<p>{anecdote.votes}</p>
</div>
)
}
The code to match the url is here
const match = useRouteMatch('/anecdotes/:id')
const anecdote = match
? anecdotes.find(anecdote => anecdote.id === (match.params.id))
: null
I get the error “Property id does not exist on type {}”. The id is for match.params.id. The same code works fine for react. match comes out as empty.
Does it have something to do with Ionic components? For example, wrapping the contents in IonPage or IonHeader?
Any help would be helpful, thanks.
2 posts - 1 participant
hello, i have a project which suddenly stop working. When i start it, i receive
TypeError: Object(...) is not a function
at http://localhost:8100/build/vendor.js:168668:108
at Object.<anonymous> (http://localhost:8100/build/vendor.js:168674:2)
at __webpack_require__ (http://localhost:8100/build/vendor.js:55:30)
at Object.368 (http://localhost:8100/build/main.js:868:69)
at __webpack_require__ (http://localhost:8100/build/vendor.js:55:30)
at Object.363 (http://localhost:8100/build/main.js:842:70)
at __webpack_require__ (http://localhost:8100/build/vendor.js:55:30)
at webpackJsonpCallback (http://localhost:8100/build/vendor.js:26:23)
at http://localhost:8100/build/main.js:1:1
Here is the repo url https://github.com/bozhidarmarinov/royal-estate
1 post - 1 participant
