General questions

Answered

Unwritten and unrecognized error

I got the following error.


Invalid update APPEND_CHILD

Error on svg patch TypeError: Cannot read properties of null (reading 'insertAdjacentHTML')

Invalid update INSERT_BEFORE

Error on svg patch TypeError: Cannot read properties of null (reading 'parentNode')

Invalid update REPLACE_ELEMENT


How should I fix these?

thank you.


Best Answer

Dear John,


thank you for the updates. I am glad it is working.


Basically, the full source of the iinkJS is available on our github: https://github.com/MyScript/iinkJS


The code is provided as-is, and can be tuned according to your needs. If you do not need to tune it, you can simply use the minified iinkJS available in the "dist" directory (iink.min.js).


Then, call it as follows: 

...

    <script type="text/javascript" src="../../dist/iink.min.js"></script>

...


Best regards,


Olivier


Dear John,


thank you for contacting us.


Currently, can you confirm you are using the latest iinkJS available for download on our github: https://github.com/MyScript/iinkJS


Also, did it happen suddently on an existing application, or it happens while you are in development?


Indeed, looking at the corresponding code, it seems this would occur because the  parent is null: https://github.com/MyScript/iinkJS/blob/master/src/renderer/svg/SVGRenderer.js#L117


Are you in a special context? Is it occuring with a specific browser? Did you do any specific development? Indeed, doing a quick try with our samples, I did not face any issue.


So more context, ideally a project to reproduce would be of help.


Best regards,


Olivier

Dear Olivier,


I've been developing web applications for a long time, but recently when I tried to change the screen design during development, I couldn't write characters (the lines themselves didn't appear).

So, when I checked the console screen of the developer tool, a large number of the aforementioned errors occurred.

However, it may have been that "I was able to write letters, but the error itself occurred" even before.

The code itself refers to yours and isn't meant to do anything special other than being our application.



>>Indeed, looking at the corresponding code, it seems this would occur because the parent is null:

What could be the reason for parent being null?


The browser checked the error with chrome.

Also, it is thought that an error occurred because characters could not be written in safari as well.


To be honest, I'm having a hard time figuring out how to fix it.

Thank you very much.

Hi John,


I just tried on my MAC with Safari Version 16.0 (17614.1.25.9.10, 17614) and my iPad (OS 15.6.1).


Using the following text webSocket sample, I was not able to reproduce: https://myscript.github.io/iinkJS/examples/v4/websocket_text_iink.html


Can you give a try with it, and see if you reproduce? Also, when using Safari, is it on MAC or iPad? Is it related to a specific release?


Thank you,


Best regards,


Olivier 

Dear Olivier,

Sorry, I was able to fix it later today.


Regarding the error that parent is null, it seems that it was caused by miswriting "resultElement.innerHTML = ' ';" as "editorElement.innerHTML = ' ';" in addEventListener's 'exported' is.

I was going to check it, but I made a mistake in writing in a rudimentary part.

As a result, the errors that had occurred in large numbers were resolved, and it became possible to write characters.


Finally, let me ask you one more question.

I'm currently thinking of implementing an eraser function in math mode, but does the version have to be the latest? (The current version of our application is probably v1.4.2.)


I apologize for wasting your time due to my rudimentary mistake.

I would appreciate it if you could help me when I hit difficulties again.

Dear, Olivier,

Let me ask you one more question.


If I want to update to the latest version, do I need all the files in https://github.com/MyScript/iinkJS?

The current iink-js folder in our application has significantly fewer files than we have here, so I'm not sure which ones or all are needed...


Thank you very much.

Answer

Dear John,


thank you for the updates. I am glad it is working.


Basically, the full source of the iinkJS is available on our github: https://github.com/MyScript/iinkJS


The code is provided as-is, and can be tuned according to your needs. If you do not need to tune it, you can simply use the minified iinkJS available in the "dist" directory (iink.min.js).


Then, call it as follows: 

...

    <script type="text/javascript" src="../../dist/iink.min.js"></script>

...


Best regards,


Olivier

Dear Olivier,


Thank you for your reply.

I will update to the latest version and try again.

I would appreciate it if you could help me again.