ReferenceError: Element is not defined

[linonetwo]

Get this error from esbuild when add this to my existing project

import { ConnectionObserver } from '@wessberg/connection-observer';

[wessberg]

Element is a global object defined within browser runtimes. If your build fails with this error, that's because you're attempting to execute this code server-side. I'm guessing you're doing some type of SSR. To resolve this, either make sure this code will never execute server-side, or mock browser-specific globals such as Element. JSDom is an example of a library that shims a browser environment for Node.js. But ideally, this code should strictly execute in the browser.

[linonetwo]

Thanks, I was confused, because I only use Element as type on my code

render(parent: Element, nextSibling: Element) {

Tiddlywiki is a universal framework, so it might run on server side.

After make sure this only run on browser side, this is fixed.

[linonetwo]

You have some code that execute immediately, so will execute when render, it is hard to elegently avoid them.