I have a similar implementation working, although with the custom validator in a separate file. It doesn’t use Firestore but it may help you. Also you might need to reverse { nameAvailable: true } to { nameUsed: true }, as I think Angular needs the value to be true to consider it an error (I’m talking from memory, might be wrong).
Here’s my article, I hope it helps!
Best,
Rodrigo
from what I saw, apparently it is an ionic issue, because it compiles all the scss in the same field, and does not respect the owner file.
Then, there is no solution. 
If you find any solution, please paste it here.
I tried capacitor a bit, but i’m not quite sure that they can reach the level of cordova in the short time.
am basically a android native app developer.now i need to work on android cordova plugin development.could you please assist me with how to get start with that.
I correctly installed Ionic Storage on my IONIC project , but everytime I run the project it return me this error
import { LoginPageModule } from './login/login.module';
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouteReuseStrategy } from '@angular/router';
import { IonicModule, IonicRouteStrategy } from '@ionic/angular';
import { IonicStorageModule } from '@ionic/storage';
import { SplashScreen } from '@ionic-native/splash-screen/ngx';
import { StatusBar } from '@ionic-native/status-bar/ngx';
import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
import { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing.module';
import { HttpClientModule } from '@angular/common/http';
import { ConfigurationPageModule } from './configuration/configuration.module';
@NgModule({
declarations: [AppComponent,
],
entryComponents: [
],
imports: [
BrowserModule,
HttpClientModule,
IonicModule.forRoot(),
IonicStorageModule.forRoot(),
FontAwesomeModule,
AppRoutingModule,
ConfigurationPageModule,
LoginPageModule
],
providers: [
StatusBar,
SplashScreen,
{ provide: RouteReuseStrategy, useClass: IonicRouteStrategy }
],
bootstrap: [AppComponent]
})
export class AppModule { }
package.json
{
"name": "testApp",
"version": "0.0.1",
"author": "Ionic Framework",
"homepage": "https://ionicframework.com/",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"private": true,
"dependencies": {
"@angular/common": "^7.2.2",
"@angular/core": "^7.2.2",
"@angular/forms": "^7.2.2",
"@angular/http": "^7.2.2",
"@angular/platform-browser": "^7.2.2",
"@angular/platform-browser-dynamic": "^7.2.2",
"@angular/router": "^7.2.2",
"@fortawesome/angular-fontawesome": "^0.3.0",
"@fortawesome/fontawesome-svg-core": "^1.2.13",
"@fortawesome/free-solid-svg-icons": "^5.7.0",
"@ionic-native/core": "^5.0.0",
"@ionic-native/splash-screen": "^5.0.0",
"@ionic-native/status-bar": "^5.0.0",
"@ionic/angular": "^4.0.0",
"@ionic/pro": "2.0.4",
"@ionic/storage": "^2.2.0",
"cordova-sqlite-storage": "2.6.0",
"core-js": "^2.5.4",
"rxjs": "~6.3.3",
"zone.js": "~0.8.29"
},
"devDependencies": {
"@angular-devkit/architect": "~0.12.3",
"@angular-devkit/build-angular": "~0.12.3",
"@angular-devkit/core": "~7.2.3",
"@angular-devkit/schematics": "~7.2.3",
"@angular/cli": "~7.2.3",
"@angular/compiler": "~7.2.2",
"@angular/compiler-cli": "~7.2.2",
"@angular/language-service": "~7.2.2",
"@ionic/angular-toolkit": "~1.3.0",
"@types/node": "~10.12.0",
"@types/jasmine": "~2.8.8",
"@types/jasminewd2": "~2.0.3",
"codelyzer": "~4.5.0",
"jasmine-core": "~2.99.1",
"jasmine-spec-reporter": "~4.2.1",
"karma": "~3.1.4",
"karma-chrome-launcher": "~2.2.0",
"karma-coverage-istanbul-reporter": "~2.0.1",
"karma-jasmine": "~1.1.2",
"karma-jasmine-html-reporter": "^0.2.2",
"protractor": "~5.4.0",
"ts-node": "~8.0.0",
"tslint": "~5.12.0",
"typescript": "~3.1.6"
},
"description": "An Ionic project",
"cordova": {
"plugins": {
"cordova-sqlite-storage": {}
}
}
}if you are working on mac osx, you can do it with homebrew (= package manager), e.g.:
brew update
brew install gradle
brew search gradle
brew switch gradle 4.8
They dowloading the old version, even if they have the latest instaled because the app is listening the latest verision on the chanel, if you update the chanel the users can update from ionic, i think that thats is the idea, update the chanels instead upload new version to the stores.
Hi, Android here is a platform and plugins are somethink like the camera, geolocation, etc…
If you like start the the latest version of ionic framework (4) use this link https://ionicframework.com/docs/installation/cli
And for v3 use this https://ionicframework.com/docs/v3/intro/installation/
Have somebody more info about it?
Okay, bad for me 
But, in terms of politics, I’d started targeting the community to deliver a product to paying customers that already was used in real live and not the other way around. … thanks!
We have a existing ionic 2 app for that we need to develop native functionality
Im sorry, i miss understand you. hope someone can help you.
Como aplicar o estilo do primeNG no ionic 3?
Sou iniciante no ionic, estou em duvida onde(qual arquivo) colocar as dependencias e o style no ionic 3.
Os componentes primeNG aparecem na aplicação ionic 3, mas não aparece estilizados e aparece o seguinte erro:
Refused to apply style from ‘’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
I have been searching since posting the question, but cannot find an answer.
Hopefully someone else has.
Thanks its work! but how to update android vesion ??
No idea, I would personally not use any external UI kit but I guess you’ve got your reasons. Just a side note, don’t create duplicate like you just did please, would be cool how to use primeNG with ionic 3?
Try to add the Storage in your app.module.ts providers
Hello,
I’m trying to use the deeplinking plugin with navcontroller in my app.component buy it doesn’t work.
In fact it’s always redirect me on the homepage.
What’s wrong with this code?
this.deeplinks.route({
'/login': LoginPage,
'/post/:postId': PostPage
}).subscribe(match => {
this.navCtrl.push(match.$route, match.$args)
}, nomatch => {
// nomatch.$link - the full link data
console.error('Got a deeplink that didn\'t match', nomatch);
});
Thanks
Maxime
Hi, man!
I have the same problem in Ionic v.4 stable release…
did you found a solution?
Thank you!