Go-debug-module.js:15 未捕获错误：无效的 DIV id； 无法获取 ID 为：gojs 的元素

Question

. Answers to this question are eligible for a +50 reputation bounty. qg_java_17137 wants to to this question.

I use below way to import gojs for my project but failed to find the div.

https://codesandbox.io/s/magical-snowflake-76x31o?file=/src/App.vue

I get error:

Go-debug-module.js:15 Uncaught Error: Invalid DIV id; could not get element with id: gojs

Answer 1

This happens because your DOM element has not been loaded yet by the browser, but the script has, so the script is executing before the element is available.

It appears that you tried to fix this by using init() but that runs right away as well, instead, add an event listener to the window.onload event: window.onload += init;

Or preferably on DOMContentLoaded as it's executed before external sources has been loaded, unlike window.onload.

document.addEventListener("DOMContentLoaded", init);