LitElement doesn't work when target is 'electron-renderer'

Bug report

What is the current behavior? When I set my build target to ‘electron-renderer’ the app builds fine, but at runtime, I get the error:

Uncaught (in promise) TypeError: h.createComment is not a function
    at r (lit-html.js:15:200)
    at A (lit-html.js:15:947)
    at gui.update (lit-element.js:143:76)
    at gui.performUpdate (reactive-element.js:19:5123)
    at gui.scheduleUpdate (reactive-element.js:19:4770)
    at gui._$Ej (reactive-element.js:19:4678)

When the target is set to ‘web’ everything is rendered as expected.

If the current behavior is a bug, please provide the steps to reproduce.

1. Create an Electron project using Webpack and LitElement.
2. Create a build target for your Electron renderer.
3. Set the target to ‘electron-renderer’.
4. Build and run.

What is the expected behavior?

The web component should render just as it does with the target set to ‘web’.

Other relevant information: webpack version: 5.74.0 Node.js version: 16.16.0 Operating System: macOS 12.4 Additional tools: Webpack, Electron, LitElement, TypeScript

[cantrell]

Huh. OK. I’ll give it another go. Thanks for looking into it. I’ll reopen if I can reproduce.

[cantrell]

Setting the target to web is the only workaround I’ve found, but of course that has a lot of disadvantages.