Errors in the sharepoint framework application?

Question

I developed a system in sharepoint framework without javascript parameter and it is ok in production, because it works as expected.
Looking at Azure Insights I see the errors below, but they seem to have no impact on the application as I have no reports from users.

Uncaught TypeError: Failed to construct 'URL': Invalid URL
Uncaught TypeError: Failed to execute 'contains' on 'Node': parameter 1 is not of type 'Node'.
Uncaught TypeError: Cannot read properties of null (reading 'parentNode')

ErrorEvent: Script error.
TypeError: Object does not support property or method 'replaceAll'
Script error.
NotFoundError

The highlighted bugs are still happening in production and the others without highlights have happened more than once, but it's been a while since we have these errors.

What could these errors be? How to solve?

Thanks

Answer 1

Hi @Toriyama
We can keep the server's URL in the extension's storage to fix Failed to construct 'URL': Invalid URL. The code looked something like this:

var stored_url = await get_from_browser_storage('axe_server_url')  
var url = new URL(stored_url || DEFAULT_SERVER_URL)  

For the second error you can refer to the similar issue in the following link
https://github.com/prevwong/craft.js/issues/161

To solve the "Cannot read property 'parentNode' of null" error, place the JS script tag at the bottom of the body. The JS script tag should run after the DOM elements have been loaded

---

If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

---