Quantcast
Channel: Ionic Forum - Latest topics
Viewing all 70991 articles
Browse latest View live

UWP / Windows10 build crashes after upgrade to Ionic 5

$
0
0

@peterjc wrote:

Hi, I recently upgraded to Ionic 5 Angular 9 from Ionic 4/Angular 8 making all necessary adjustments.

Running ionic serve all seems t work fine, but when I build my UWP (Windows 10) version, it initially launches, but then completely crashes wit a WWAHost.exe exception. It will sometimes run for a little while, and I notice the toggle switches don’t work properly, and it soon then completely crashes again.

Has anyone else experienced this?

Thanks in advance!

Call stack of crash below

>	KernelBase.dll!RaiseFailFastException()	Unknown
 	edgehtml.dll!Abandonment::InduceAbandonment(enum Abandonment::Category,void *,unsigned long,unsigned __int64 const *)	Unknown
 	edgehtml.dll!Abandonment::AssertionFailed(char const *)	Unknown
 	edgehtml.dll!CUnitValue::GetFloatValueInDocPixels()	Unknown
 	edgehtml.dll!CTransformResolveContext::GetFloatValueInDocPixels(class CUnitValue const &,float)	Unknown
 	edgehtml.dll!CTranslate3DTransformListEntry::GetMatrix3D(float,float,class CTransformResolveContext &,class MAT3D &)	Unknown
 	edgehtml.dll!CTransformList::ApplyToMatrix3D()	Unknown
 	edgehtml.dll!Tree::GetDisplayTransform3DHelper()	Unknown
 	edgehtml.dll!Tree::SComputedStyle::GetDisplayTransform3D(class Tree::ElementNode *,class CRect const &,class CLayoutTransform const *,struct Transform3DInfo &,bool &)	Unknown
 	edgehtml.dll!Layout::ContainerBox::SetDisplayNodeTransformsAndClip()	Unknown
 	edgehtml.dll!Layout::ContainerBox::UpdateDisplayNode()	Unknown
 	edgehtml.dll!Layout::ContainerBox::BuildDisplayNodesForSubtree()	Unknown
 	edgehtml.dll!Layout::FlowBox::BuildDisplayNodesForChildrenAndUpdateIsDisplayInvalid(class Layout::IDeviceService *,class CDisplayTreePatchManager *,bool,float)	Unknown
 	edgehtml.dll!Layout::ContainerBox::BuildDisplayNodesForSubtree()	Unknown
 	edgehtml.dll!Layout::GridBox::BuildDisplayNodesForChildrenAndUpdateIsDisplayInvalid(class Layout::IDeviceService *,class CDisplayTreePatchManager *,bool,float)	Unknown
 	edgehtml.dll!Layout::ContainerBox::BuildDisplayNodesForSubtree()	Unknown
 	edgehtml.dll!Layout::FlexBox::BuildDisplayNodesForChildrenAndUpdateIsDisplayInvalid(class Layout::IDeviceService *,class CDisplayTreePatchManager *,bool,float)	Unknown
 	edgehtml.dll!Layout::ContainerBox::BuildDisplayNodesForSubtree()	Unknown
 	edgehtml.dll!Layout::FlexBox::BuildDisplayNodesForChildrenAndUpdateIsDisplayInvalid(class Layout::IDeviceService *,class CDisplayTreePatchManager *,bool,float)	Unknown
 	edgehtml.dll!Layout::ContainerBox::BuildDisplayNodesForSubtree()	Unknown
 	edgehtml.dll!Layout::FlexBox::BuildDisplayNodesForChildrenAndUpdateIsDisplayInvalid(class Layout::IDeviceService *,class CDisplayTreePatchManager *,bool,float)	Unknown
 	edgehtml.dll!Layout::ContainerBox::BuildDisplayNodesForSubtree()	Unknown
 	edgehtml.dll!Layout::FlowBox::BuildDisplayNodesForChildrenAndUpdateIsDisplayInvalid(class Layout::IDeviceService *,class CDisplayTreePatchManager *,bool,float)	Unknown
 	edgehtml.dll!Layout::ContainerBox::BuildDisplayNodesForSubtree()	Unknown
 	edgehtml.dll!Layout::FlowBox::BuildDisplayNodesForChildrenAndUpdateIsDisplayInvalid(class Layout::IDeviceService *,class CDisplayTreePatchManager *,bool,float)	Unknown
 	edgehtml.dll!Layout::ContainerBox::BuildDisplayNodesForSubtree()	Unknown
 	edgehtml.dll!Layout::FlowBox::BuildDisplayNodesForChildrenAndUpdateIsDisplayInvalid(class Layout::IDeviceService *,class CDisplayTreePatchManager *,bool,float)	Unknown
 	edgehtml.dll!Layout::ContainerBox::BuildDisplayNodesForSubtree()	Unknown
 	edgehtml.dll!Layout::FlowBoxBuilder::ReuseChildBox(class Layout::ContainerBox *)	Unknown
 	edgehtml.dll!Layout::FlowBoxBuilder::AttemptToQuickReuseChildBox()	Unknown
 	edgehtml.dll!Layout::FlowBoxBuilder::BuildBoxItem(void)	Unknown
 	edgehtml.dll!Layout::LayoutBuilderDriver::BuildPageLayout()	Unknown
 	edgehtml.dll!Layout::PageCollection::FormatPage(class CDispParentNode *,struct Utilities::SPoint,class Layout::BoxFragmentBreak *,struct Utilities::SSize,enum Tree::CssWritingModeEnum,class Layout::FigureGeometry *,class TSmartPointer<class Layout::ContainerBox,class CStrongReferenceTraits,class Layout::ContainerBox *> &)	Unknown
 	edgehtml.dll!Layout::PageCollection::LayoutPagesCore()	Unknown
 	edgehtml.dll!Layout::PageCollection::LayoutPages(void)	Unknown
 	edgehtml.dll!CView::ExecuteLayoutTasks()	Unknown
 	edgehtml.dll!CView::EnsureView()	Unknown
 	edgehtml.dll!CPaintController::EnsureView()	Unknown
 	edgehtml.dll!CPaintBeat::ProcessPaint()	Unknown
 	edgehtml.dll!CPaintBeat::ProcessRenderingLoop()	Unknown
 	edgehtml.dll!CPaintBeat::OnVSyncMethodCall()	Unknown
 	edgehtml.dll!GWndAsyncTask::Run(void)	Unknown
 	edgehtml.dll!HTML5TaskScheduler::RunReadiedTask()	Unknown
 	edgehtml.dll!HTML5TaskScheduler::RunReadiedTasks()	Unknown
 	edgehtml.dll!HTML5EventLoopDriver::DriveLowPriorityTaskExecution()	Unknown
 	edgehtml.dll!GlobalWndProc(struct HWND__ *,unsigned int,unsigned __int64,__int64)	Unknown
 	user32.dll!UserCallWinProcCheckWow()	Unknown
 	user32.dll!DispatchClientMessage()	Unknown
 	user32.dll!__fnDWORD()	Unknown
 	ntdll.dll!KiUserCallbackDispatcherContinue()	Unknown
 	win32u.dll!NtUserDispatchMessage()	Unknown
 	user32.dll!DispatchMessageWorker()	Unknown
 	Windows.UI.dll!Windows::UI::Core::CDispatcher::ProcessMessage(bool bDrainQueue, bool * pbWindowMessagesProcessed, bool * pbInvokeItemProcessed) Line 327	C++
 	Windows.UI.dll!Windows::UI::Core::CDispatcher::WaitAndProcessMessagesInternal(bool bRunAlwaysOnce, void * hEventWait) Line 1953	C++
 	Windows.UI.dll!Windows::UI::Core::CDispatcher::ProcessEvents(Windows::UI::Core::CoreProcessEventsOption options) Line 599	C++
 	WWAHost.exe!CoreWindowDispatcher::RunMessageLoop()	Unknown
 	WWAHost.exe!WebInstance::Run()	Unknown
 	twinapi.appcore.dll!Windows::ApplicationModel::Core::CoreApplicationView::Run()	Unknown
 	twinapi.appcore.dll!<lambda>(void)()	Unknown
 	SHCore.dll!_WrapperThreadProc()	Unknown
 	kernel32.dll!BaseThreadInitThunk()	Unknown
 	ntdll.dll!RtlUserThreadStart()	Unknown

Posts: 1

Participants: 1

Read full topic


How i can know ionic version for an old app

$
0
0

@avana9 wrote:

Hi,
i’ve an old ionic app but i don’t know the ionic, gradle and angular version.
How i can known that?
Is this possible?

thank in advance

Posts: 1

Participants: 1

Read full topic

Ionic 3 POST Error 401

$
0
0

@zaiinali96 wrote:

i use youtube data api to like a video from my app. For this purpose i use google plus plugin for authentication. After successfull authencation, it gives Post Error 401
Screenshot (102)

can anyone tell me solution for this error?

Posts: 1

Participants: 1

Read full topic

Seo services

Ionic Capacitor Filesystem fileExist

$
0
0

@ElDiabolus wrote:

I have some pictures stored on /src/assets/img/.
Now I want to check if an image exists. If yes I want to display it, else I want to display a placeholder img.

I tried

async checkFile(strPath: string)
    {
        let contents = await Filesystem.readFile({
            path: strPath,
            directory: FilesystemDirectory.Data,
            encoding: FilesystemEncoding.UTF8
        });
        console.log(contents);
    }
checkFile('/assets/img/kategorien/image.jpg).then(function ...

But it doesn’t work. The file is not found. How do I have to set the path/directory for it to work?

Posts: 1

Participants: 1

Read full topic

How to hide the back button at bottom Tab menu at home page?

$
0
0

@vgnjt wrote:

screenshot.335

Referring to the picture, How to I hide the back button at bottom Tab menu at home page?
I have found may to hide the back button but is at the top of the page. Is there a way to hide this button when user goes to Home Page?

Posts: 1

Participants: 1

Read full topic

[Ionic 5] Ion-input mask issue

$
0
0

@caio1985 wrote:

Hi,

I’m reporting multiple issues I’m facing and the whole adventure to get a phone mask working on a mobile web app.

I had an ionic v3 which I migrated to v5 and since then I started experiencing issues with my web app.

In v3 I used to use this component:
I used to use this component which was working just fine. However because it was referring to some libs which paths had changed I forked it and adapted it without changing any logic.

With ionic serve this was working just fine but when building with ionic build --prod I noticed that on the mobile experience when I was typing the number and the position on the mask belonged to a predefined symbol (ie. parenthesis) it would eat up the character that was just typed in.

Due to that I decided to move away from that component and start using ngx-mask-ionic. which has a different problem but which works fine with ionic serve on Desktop. On mobile however it limits the input to less digits than informed (ie. if the mask is (000) 0000-0000 for instance, it will only let me type things like 0000, which is very strange and totally different than what I observe with ionic serve.

Anyway, what I wanted to accomplish is simply applying a mask to my input and showing the “tel” keyboard. All of this was working fine in ionic v3 but with the updates I had to do on ionic v5 it stopped working. I don’t know if this is an ionic or angular issue and why it happens only after a prod build.

Anyone has succeed applying masks in ionic v5? If so, how was it done?

Ionic:

Ionic CLI : 6.8.0 (/usr/local/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 5.0.7
@angular-devkit/build-angular : 0.803.25
@angular-devkit/schematics : 8.3.25
@angular/cli : 8.3.25
@ionic/angular-toolkit : 2.1.2

Capacitor:

Capacitor CLI : 1.5.1
@capacitor/core : 1.5.1

Utility:

cordova-res : not installed
native-run : not installed

System:

NodeJS : v12.16.1 (/usr/local/bin/node)
npm : 6.14.4
OS : macOS Catalina

Thanks in advance,
Caio

Posts: 1

Participants: 1

Read full topic

[Ionic 5] Custom menu animation (registerAnimation missing?)

$
0
0

@pabloo87 wrote:

Hello fellow Ionic developers.
I’m trying to make a new animation for my app’s menu but every information i got on internet tells about a MenuController method called registerAnimation that went missing around v4.11.9 as you can see in the next link:

I asume there’s a new proper way to register your brand new awesome animation but i can’t get any docs about that. When you want to, e.g., use it in a modal you just add your animation as a parameter, but in the menu you can’t do that, at least i think so

Thanks!

Posts: 1

Participants: 1

Read full topic


Google OAuth user registration

IOS Capacitor Error Could not find REVERSED_CLIENT_ID url scheme in app .plist

$
0
0

@SaeedAnsari wrote:

Hello

I am getting an error when trying to use GooglePlusLogin on a IOS app. This features works on Android but is failing in IOS using Capacitors.

Error: Could not find REVERSED_CLIENT_ID url scheme in app .plist

Environment:
Ionic:

Ionic CLI : 5.4.16 (/usr/local/lib/node_modules/ionic)
Ionic Framework : @ionic/angular 4.11.10
@angular-devkit/build-angular : 0.803.25
@angular-devkit/schematics : 8.1.3
@angular/cli : 8.1.3
@ionic/angular-toolkit : 2.0.0

Capacitor:

Capacitor CLI : 1.5.1
@capacitor/core : 1.5.1

Cordova:

Cordova CLI : 8.1.2 (cordova-lib@8.1.1)
Cordova Platforms : android 8.1.0
Cordova Plugins : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.2.0, (and 25 other plugins)

Utility:

cordova-res (update available: 0.14.0) : 0.6.0
native-run (update available: 1.0.0) : 0.2.9

System:

Android SDK Tools : 26.1.1 (/Users/saeedansari/Library/Android/sdk)
ios-deploy : 1.10.0
ios-sim : ios-sim/9.0.0 darwin-x64 node-v10.15.3
NodeJS : v10.15.3 (/usr/local/bin/node)
npm : 6.14.4
OS : macOS Mojave
Xcode : Xcode 11.3.1 Build version 11C504

  1. I have added the Reversed Client ID into the info.plist file,
  2. I have updated the GoogleService-info.plist file in IOS/App/App folder.
  3. I have also manually copied it in to the Capacitor-cordova-ios-plugin/resources folder as well but it keeps getting overriten to empty when i do the sync (may have something to do with the problem)
  4. I have added the Rever_client_id into the Target’s URL Types

I am not sure what i can do to fix this, Can you please help me understand what i can do to resolve this issue

Thank you

Saeed Ansari

Posts: 2

Participants: 1

Read full topic

postMessage() in iframe fails because document.referrer returns empty string in iOS

$
0
0

@2upmedia wrote:

I’m having a problem where a vendor’s javascript is throwing an error because document.referrer returns an empty string as a parameter being sent to postMessage().

Here’s the error I’m seeing.

I’ve read several things, perhaps Webkit is stripping the hostname for security reasons or there’s an HTTP header that’s stripping that referrer out (I haven’t found any of these headers). Or it has something to do with WKWebKit and having to use the ionic:// to serve local files. Just overall, not sure how to resolve this issue.

Any insights would be highly appreciated.

Here’s my $ ionic info:

Ionic:

   Ionic CLI         : 5.4.16
   Ionic Framework   : ionic1 1.0.0-beta.14
   @ionic/v1-toolkit : 2.0.11

Cordova:

   Cordova CLI       : 9.0.0 (cordova-lib@9.0.1)
   Cordova Platforms : android 8.1.0, ios 5.1.1
   Cordova Plugins   : cordova-plugin-ionic 5.4.4, cordova-plugin-ionic-webview 4.1.2, (and 17 other plugins)

Utility:

   cordova-res (update available: 0.14.0) : 0.9.0
   native-run (update available: 1.0.0)   : 0.3.0

System:

   Android SDK Tools : 26.1.1 (~/Library/Android/sdk)
   ios-deploy        : 1.10.0
   ios-sim           : 8.0.2
   NodeJS            : v8.16.0 (~/.nvm/versions/node/v8.16.0/bin/node)
   npm               : 6.4.1
   OS                : macOS Catalina
   Xcode             : Xcode 11.4.1 Build version 11E503a

Posts: 1

Participants: 1

Read full topic

Firebase aurhentication error

$
0
0

@paritosh2020 wrote:

Hi all,

I try to switch any other app or just press the home button in the middle of the process is going on (or going to copy code from message app), Even if the OTP is correct, it is showing error “The SMS code has expired. Please re-send the verification code to try again.”
when I try to login second time, I am not getting any code sms for the same number.
My code is here,

phoneAuth() {

    this.firebaseAuthentication.verifyPhoneNumber("+91"+this.phone, 30000).then((verificationID) => {
      
      this.verificationID = verificationID;

    }).catch((error) => {
      console.log(error,"err")
    });

  }

  signInWithCode(){
    
    this.firebaseAuthentication.signInWithVerificationId(this.verificationID,this.code).then((user)=>{
      console.log(user,"user")
    }).catch((error) => {
      console.log(error)
    });
  }

Thank you

Posts: 1

Participants: 1

Read full topic

How to build with web code only(remove cordova)

$
0
0

@avex wrote:

I build app and web site using Ionic 4 with same code base. Currently I found it loads a little bit slow if someone “FIRST TIME” open my web from outside web link( lazy load already ), it seems user needs to download large file from web with un-needed cordova codes. App is fast because all files are locally.
So, I would like to ask is there a way to build WEB only(w/o cordova)?
Thanks for any help or inspiration .

Posts: 1

Participants: 1

Read full topic

WebView(open website inside in ionic app)

Secure Storage: Undefined is not an object (evaluating 'this.secureStorage.create

$
0
0

@hpwah wrote:

Hey guys,

I am using Ionic 5, and try to implement SecureStorage.
However, got the following error in the browser. Can anyone advise?

Thanks

Error: Uncaught (in promise): TypeError: undefined is not an object (evaluating ‘this.secureStorage.create(‘SecureStorage’) .then’) http://localhost:8100/login-login-module.js:46:56 onInvoke@http://localhost:8100/vendor.js:73299:39 run@http://localhost:8100/polyfills.js:5812:49 http://localhost:8100/polyfills.js:6543:39 onInvokeTask@http://localhost:8100/vendor.js:73280:43 runTask@http://localhost:8100/polyfills.js:5856:57 drainMicroTaskQueue@http://localhost:8100/polyfills.js:6247:42 invokeTask@http://localhost:8100/polyfills.js:6157:40 invokeTask@http://localhost:8100/polyfills.js:7291:20 globalZoneAwareCallback@http://localhost:8100/polyfills.js:7317:27 dispatchEvent@[native code] lifecycle@http://localhost:8100/common.js:397:25 fireWillEvents@http://localhost:8100/common.js:385:14 http://localhost:8100/common.js:339:19 asyncFunctionResume@[native code] [native code] promiseReactionJobWithoutPromise@[native code]
resolvePromise — zone-evergreen.js:797
(anonymous function) — zone-evergreen.js:862
onInvokeTask — core.js:39680
runTask — zone-evergreen.js:168
drainMicroTaskQueue — zone-evergreen.js:559
invokeTask — zone-evergreen.js:469
invokeTask — zone-evergreen.js:1603
globalZoneAwareCallback — zone-evergreen.js:1629
dispatchEvent
lifecycle — index-3528f139.js:143
fireWillEvents — index-3528f139.js:131
(anonymous function) — index-3528f139.js:85
asyncFunctionResume
[native code]
promiseReactionJobWithoutPromise

Posts: 1

Participants: 1

Read full topic


Ion-content scrollY=false not working

$
0
0

@hpwah wrote:

Hey guys,

Try to disable the scrolling in ion-content.
According to the document, set scrollY = false, but it does not work.
Any suggestion pls.

Posts: 1

Participants: 1

Read full topic

Ion-valid, ion-pristine and ion-untouched not updating with angular written markAsTouched, markAsDirty and setErrors()

$
0
0

@Tanakasan1734 wrote:

I have two form fields that are basically XNOR for validity, they can either both be empty or both be populated. It’s a formgroup of 4 overall, two of them are required and then these two as above.

I am using a formgroup level validator and I can see that when I manually set them as touched, invalid and dirty the relevant ng- classes change however the ionic ones stay and don’t change until I enter and then leave the text box. This means when I can one the status of the other doesn’t appear to change in the ui.

How can I make the ion classes follow suit with the ng- classes?

const formGroup: FormGroup = new FormGroup({}, this.scaleMatchValidator);
// make 4 weight boxes (m/f, rx/s1)
formGroup.addControl('rx_male', new FormControl('', Validators.required));
formGroup.addControl('rx_female', new FormControl('', Validators.required));
formGroup.addControl('s1_male', new FormControl(''));
formGroup.addControl('s1_female', new FormControl(''));

...

scaleMatchValidator(g: FormGroup) {
    const female = g.get('s1_female');
    const male = g.get('s1_male');
    let isValid = false;

    if (male && female) {
      male.setErrors(null);
      female.setErrors(null);
      if ((male.value && female.value) || (!male.value && !female.value)) {
        isValid = true;
      } else {
        male.setErrors({scalseNotValid: true});
        female.setErrors({scalseNotValid: true});
        male.markAsTouched();
        female.markAsTouched();
        male.markAsDirty();
        female.markAsDirty();
      }
      return isValid ? null : { scalseNotValid: true };
    }
  }

Posts: 1

Participants: 1

Read full topic

Load translation string from data directory ionic 4

$
0
0

@vinoda wrote:

Hi, I am using ionic 4 with angular 7, I would like to introduce i18n in my ionic app. But here I do not want to put them in assets folder, I would like to implement as below

  1. I would like to provide language selection option in the login page
  2. Once the user selects the language, then I will download the language file and load it in my data directory
  3. Then from now onwards, until the user logout I will use the same language file

While I am implementing this, i am able to download the language file and store it in the data directory, but unable to load the language file from the data directory using the TranslateHttpLoader

Kindly let me know if any one already implemented this or found any working solution.

Thanks in advance :slight_smile:

Posts: 1

Participants: 1

Read full topic

Automatically Enabling Dark Mode is Not Working with Android [IONIC 5]

$
0
0

@anuragrastogi wrote:

Hi There!

Tried implementing Automated Dark Mode referring this link, https://ionicframework.com/docs/theming/dark-mode#automatically-enable-dark-mode .It worked fine with IOS (13+ and Iphone XR) but while running the same on Android (V10 and OnePlus 7T) I couldn’t see this working (Toggling Logic does works).

Is this a know OS behavior or there is a way to automatically enable this for Android?

Any help is much needed!

Cheers
Anurag

Posts: 1

Participants: 1

Read full topic

SQLITE problem with create database

$
0
0

@imadaboulhouda wrote:

Hello i have problem with sqlite is not connected always show me undefined

let conn = this.sqlite.create({
      name: 'imadox.db',
    })
    console.log(conn); //undefined
    if (conn == null) throw Error('ok error created') // show me this error
    conn.then((db: any) => {
        let dbInstance = db._objectInstance;
        this.http.get('assets/medicaments.sql',{responseType:'text'}).subscribe(e=>
          {
            this.sqlitePorter.importSqlToDb(dbInstance, e)
            .then(() => alert('Imported'))
            .catch(e => alert('error on import'));
          })
      }).catch((err)=>{
        alert('error')
        console.log(err,"Erro")
      });

Posts: 1

Participants: 1

Read full topic

Viewing all 70991 articles
Browse latest View live


<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>