Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

bug: cannot read property 'updateTiming' of undefined #19272

Closed
zxcian opened this issue Sep 5, 2019 · 41 comments

Comments

@zxcian
Copy link

commented Sep 5, 2019

I recently created a new starter app with sidemenu but when I click on the sidemenu to navigate it throws an error. I haven't changed anything from the codes yet.

Screen Shot 2019-09-05 at 2 57 47 PM

Here's my ionic info

 Ionic CLI                     : 5.2.7 
   Ionic Framework               : @ionic/angular 4.9.0
   @angular-devkit/build-angular : 0.801.3
   @angular-devkit/schematics    : 8.1.3
   @angular/cli                  : 8.1.3
   @ionic/angular-toolkit        : 2.0.0

Cordova:

   Cordova CLI       : 9.0.0 (cordova-lib@9.0.1)
   Cordova Platforms : android 8.0.0
   Cordova Plugins   : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.1.1, (and 4 other plugins)

Utility:

   cordova-res : 0.6.0
   native-run  : 0.2.8

System:

   Android SDK Tools : 26.1.1 
   NodeJS            : v10.16.3 
   npm               : 6.9.0
   OS                : macOS Mojave
   Xcode             : Xcode 10.2.1 Build version 10E1001
@liamdebeasi

This comment has been minimized.

Copy link
Member

commented Sep 5, 2019

Thanks for the issue. What device/version are you testing this on?

@ionitron-bot ionitron-bot bot removed the triage label Sep 5, 2019
@brandyscarney brandyscarney changed the title bug: bug: cannot read property 'updateTiming' of undefined Sep 5, 2019
@ricksouzaa

This comment has been minimized.

Copy link

commented Sep 5, 2019

The same is happening to me! Is there any plain to fix it?

@ionitron-bot ionitron-bot bot added triage and removed needs: reply labels Sep 5, 2019
@liamdebeasi

This comment has been minimized.

Copy link
Member

commented Sep 5, 2019

@ricksouzaa What device are you testing this on?

@ionitron-bot ionitron-bot bot removed the triage label Sep 5, 2019
@ricksouzaa

This comment has been minimized.

Copy link

commented Sep 5, 2019

Android Emulator

@ionitron-bot ionitron-bot bot added triage and removed needs: reply labels Sep 5, 2019
@liamdebeasi

This comment has been minimized.

Copy link
Member

commented Sep 5, 2019

@ricksouzaa Please try again on a physical device. We do not recommend testing Ionic apps on the Android simulator as they typically come with very outdated WebViews.

@ionitron-bot ionitron-bot bot removed the triage label Sep 5, 2019
@ricksouzaa

This comment has been minimized.

Copy link

commented Sep 5, 2019

@liamdebeasi Really on the physical device it worked.
But it's not good, because we often use an emulator in a develop stage.

@ionitron-bot ionitron-bot bot added triage and removed needs: reply labels Sep 5, 2019
@jorgealejandrosaavedrarios

This comment has been minimized.

Copy link

commented Sep 6, 2019

@liamdebeasi I have the same problem and i'm trying it in a physical device.

@liamdebeasi

This comment has been minimized.

Copy link
Member

commented Sep 6, 2019

@jorgealejandrosaavedrarios What is your device's user agent?

@ionitron-bot ionitron-bot bot removed the triage label Sep 6, 2019
@jorgealejandrosaavedrarios

This comment has been minimized.

Copy link

commented Sep 6, 2019

@jorgealejandrosaavedrarios What is your device's user agent?

Mozilla/5.0 (Linux; Android 6.0.1; SM-G900M) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3770.143 Mobile Safari/537.36

That's useful?

@ionitron-bot ionitron-bot bot added triage and removed needs: reply labels Sep 6, 2019
@liamdebeasi

This comment has been minimized.

Copy link
Member

commented Sep 6, 2019

Yes, thanks! Are you able to provide a code reproduction of the issue?

@pandeeswaran

This comment has been minimized.

Copy link

commented Sep 6, 2019

Hi everyone,

I have implemented a fix for this. Can you all give the following dev build a try and let me know how it goes?

If using Ionic Angular: npm i @ionic/angular@4.10.0-dev.201909061147.c959d75
If using Ionic Core: npm i @ionic/core@4.10.0-dev.201909061147.c959d75

Thanks!

I tried in my project with following the npm comment
I got this error (Module not found: Error: Can't resolve './animation-d0becaea.js' )
ERROR in ./node_modules/@ionic/core/dist/esm/ion-alert-md.entry.js
ERROR in ./node_modules/@ionic/core/dist/esm/ion-alert-ios.entry.js
Module not found.
Shall i know its changed in ionic 4.10.0

@ionitron-bot ionitron-bot bot added triage and removed needs: reply labels Sep 6, 2019
@liamdebeasi

This comment has been minimized.

Copy link
Member

commented Sep 6, 2019

@pandeeswaran That's strange. Try this dev build: 4.10.0-dev.201909061231.2ea728e

Are you using an Ionic/Angular app or just an Ionic Core app?

@pandeeswaran

This comment has been minimized.

Copy link

commented Sep 6, 2019

@pandeeswaran That's strange. Try this dev build: 4.10.0-dev.201909061231.2ea728e

Are you using an Ionic/Angular app or just an Ionic Core app?

Yes i am using an ionic/Angular app.

Thanks @liamdebeasi Its working perfect in dev build.

This dev build: 4.10.0-dev.201909061231.2ea728e resolved this menu closing bug in Android.

One more concern: First time click the menu got this error. Its not affect anything. Just am asking
its part of menu closing bug.

main-es2015.bf8859ec2a8ea3276f03.js:16249 ERROR Error: Uncaught (in promise): JSON error
at resolvePromise (polyfills-es2015.651225db28f4e5ead140.js:806)
at resolvePromise (polyfills-es2015.651225db28f4e5ead140.js:765)
at zone.scheduleMicroTask (polyfills-es2015.651225db28f4e5ead140.js:867)
at ZoneDelegate.invokeTask (polyfills-es2015.651225db28f4e5ead140.js:413)
at Object.onInvokeTask (main-es2015.bf8859ec2a8ea3276f03.js:46101)
at ZoneDelegate.invokeTask (polyfills-es2015.651225db28f4e5ead140.js:412)
at Zone.runTask (polyfills-es2015.651225db28f4e5ead140.js:181)
at drainMicroTaskQueue (polyfills-es2015.651225db28f4e5ead140.js:583)

@liamdebeasi

This comment has been minimized.

Copy link
Member

commented Sep 6, 2019

Glad to hear the issue is fixed.

Regarding the other error, there's not a lot of information in that error. Which line(s) of code is it referring to?

@pandeeswaran

This comment has been minimized.

Copy link

commented Sep 6, 2019

Glad to hear the issue is fixed.

Regarding the other error, there's not a lot of information in that error. Which line(s) of code is it referring to?

Thanks.

One more Request: Is it possible to add textarea in AlertController
./node_modules/@ionic/core/dist/esm/ion-alert-md.entry.js
./node_modules/@ionic/core/dist/esm/ion-alert-ios.entry.js

As of now not allowed textarea in AlertController.

@liamdebeasi

This comment has been minimized.

Copy link
Member

commented Sep 6, 2019

I would recommend creating a new issue for that. This issue is focused on the animation error.

Regarding the error in your previous comment, which lines of code did that error refer to?

@liamdebeasi liamdebeasi added this to Backlog 🤖 in Ionic Core via automation Sep 6, 2019
@ionitron-bot ionitron-bot bot removed the triage label Sep 6, 2019
@liamdebeasi liamdebeasi moved this from Backlog 🤖 to In progress 🤺 in Ionic Core Sep 6, 2019
@adrianschneider94

This comment has been minimized.

Copy link

commented Sep 7, 2019

Hi,

got the same error with @ionic/react on Safari Desktop, I guess I just have to wait?

@liamdebeasi

This comment has been minimized.

Copy link
Member

commented Sep 7, 2019

What version of desktop safari are you using? Safari doesn't support Web Animations yet, so I'm not sure how you would be getting that error.

@adrianschneider94

This comment has been minimized.

Copy link

commented Sep 7, 2019

Current Safari:

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_3) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/12.0.3 Safari/605.1.15

Unhandled Promise Rejection: TypeError: e.effect.updateTiming is not a function. (In 'e.effect.updateTiming({delay:J(),duration:Z(),easing:Y(),iterations:X(),fill:W(),direction:G()})', 'e.effect.updateTiming' is undefined)

In Technology Preview it works however.

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_3) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.1 Safari/605.1.15

@liamdebeasi

This comment has been minimized.

Copy link
Member

commented Sep 7, 2019

So it's likely that you have Web Animations enabled in the "Experimental Features" menu for your version of Safari 12. I would recommend disabling it as it is an incomplete/still in development implementation of Web Animations.

Tech Preview works since that is a newer/more complete implementation (which is closer to what people will get when Web Animations ships in Safari)

@adrianschneider94

This comment has been minimized.

Copy link

commented Sep 7, 2019

Indeed, they were turned on.

I can't remember turning them on, but it works perfectly now, thanks!

@cgossett

This comment has been minimized.

Copy link

commented Sep 8, 2019

Using the dev branch 4.10.0-dev.201909061231.2ea728e fixed the issue for me as well on an Android Pixel 2 emulator. Is there any timeline on when this branch might get pulled in to a release? I've just started using Ionic and am fairly new as well to watching and tracking issues on GitHub.

@TheBlueAssasin

This comment has been minimized.

Copy link

commented Sep 8, 2019

I can confirm that this branch 4.10.0-dev.201909061231.2ea728e also fixes the issue in Chromium/Electron

@federufino

This comment has been minimized.

Copy link

commented Sep 8, 2019

This fix the bug for me in the android emulator. Thanks.

Ionic Core automation moved this from In progress 🤺 to Done 🎉 Sep 10, 2019
@liamdebeasi

This comment has been minimized.

Copy link
Member

commented Sep 10, 2019

Thanks for the issue. This issue has been resolved via #19288 and will be available in the next release of Ionic. In the meantime, feel free to continue to use the dev build.

For any other bugs, please open a new issue. Thanks!

@ruvalter

This comment has been minimized.

Copy link

commented Sep 18, 2019

@liamdebeasi sorry but I am not sure what to do here. My index breaks whenever I close it. I git the same error above. When I turn on the experimental features - web animations it works fine. So, what should I be doing? There is a bug for real and you have fixed? Which version will it be in? What can do to fix it for now? My current version is 4.1.0.

zoetototro pushed a commit to zoetototro/eventApp that referenced this issue Sep 19, 2019
メニュー実装するもエラー。開発ビルドの利用をしないといけない
tkem added a commit to tkem/openlap that referenced this issue Sep 20, 2019
@Zer0ne83

This comment has been minimized.

Copy link

commented Sep 22, 2019

@liamdebeasi - 4.10.0-dev.201909061231.2ea728e fixed the issue for me, now working on all platforms, emulation and builds. Thank you, I was tearing my hair out.

@darit

This comment has been minimized.

Copy link

commented Sep 30, 2019

Updating @ionic/angular to latest did the trick. Thanks.
npm i @ionic/angular

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Ionic Core
  
Done 🎉
You can’t perform that action at this time.