Text

Editor does not load on iPad

I am making a web app using angular5 as the front end and I am able to see my web app load in my browser (in both chrome and safari) and on my iPhone.  However, when I go to test my app on an iPad, the editor/canvas loader spins continuously and the cloud icon is showing as well.  Not sure why I am able to use app perfectly fine on my desktop and iPhone but I am getting issues using an iPad.  Any idea of how I can get this issue resolved? Thanks!


These are the two errors I am seeing in the console when i hook up the ipad to safari to debug:

- ReferenceError: Can’t find variable: defaultBehaviors
- [Error] ERROR CONTEXT – DebugContext_ {view: Object, nodeIndex: 1, nodeDef: Object, …}


Any help would be greatly appreciated.  Thank you!

Dear Joe,


thank you for contacting us.


Currently,did you have a look to the following topic: https://developer-support.myscript.com/support/discussions/topics/16000023335?


Best regards,


Olivier

Hi Olivier,

Thank you for the response.  

Yes, I have looked through that topic in search of  something I had missed but my project seems pretty aligned with those examples and this example (I am using Angular5): https://github.com/MyScript/web-integration-samples/tree/master/angular-integration-examples.  Just to be clear, I am able to see my app work perfectly fine on my iPhone5E, only on my iPad am I seeing the errors being thrown. 

Please let me know if you can provide any further information on these errors.

Thanks in advance!

Joe

Dear Joe,


What it the version of your Safari browser? Is our webdemo working on this latter one: https://webdemo.myscript.com/


Best regards,


Olivier

Hi Oliver, 

Thank you for the quick response.

The iOS version this iPad is running on is 10.2.1 and it looks like the version of safari running on it is 602.1.  https://webdemo.myscript.com/ does work in the safari browser on the iPad perfectly.

Regards,

Joe

Dear Joe,


Can you confirm PEP is correctly loaded?


Best regards,


Olivier

Hi Oliver, 

I am loading PEP into my head tag of my index.html. Here is what the head of my index.html file looks like:   

<head>
    <meta charset="utf-8">
    <title>My app</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="HandheldFriendly" content="true"/>
    <script src="https://code.jquery.com/pep/0.4.3/pep.js"></script>
  </head>

     and I am importing MyScriptsJS into my app.component.ts file:

import * as MyScriptJS from 'myscript/src/myscript';

Does this seem correct?


Thanks in advance!

Regards,

Joe

Dear Joe,


The error `ReferenceError: Can't find variable: defaultBehaviors` let us think this could be a Javascript bundeling error.


Despite our effort we could not reproduce this issue. How do you compile and test your Angular application ? Is it a custom pipeline or are you using a project template ?


Best regards,


Olivier

Hi Oliver,

Thank you for continuing to look into this issue.  I found that the iPad I was using operating system wasn't up to date and when I updated the operating system, my app worked. 

Regards, 

Joe

Dear Joe,


Thank you for the update, I am glad it is solved!


Feel free to contact us if you have any question.


Best regards,


Olivier

Login or Signup to post a comment