@open-wc/scoped-elements v2.2.4 breaks lit module resolution

[electrovir]

Expected behavior

No problems with lit module resolution. (As the behavior in @open-wc/scoped-elements v2.2.3)

Actual Behavior

If @open-wc/scoped-elements v2.2.4 is installed, two different versions of @lit/reactive-element get installed (v1.6.3 and v2.0.1) which confuses lit and leads to the warning:

Multiple versions of Lit loaded. Loading multiple versions is not recommended.

Workaround

Either add "@lit/reactive-element": "^1.6.3" or "@open-wc/scoped-elements": "2.2.3" to the "overrides" field of your package.json file.

Additional context

• I'm on lit v2.8.0 (outdated, but I didn't expect a patch version bump in @open-wc/scoped-elements to break this)
• similar issues in lit:
  • [reactive-element] "Multiple versions of Lit loaded." warning in dev mode lit/lit#4307
  • [context] Decorators have type error with multiple versions of @lit/reactive-element (Unable to resolve signature of property decorator when called as an expression) lit/lit#4305

[justinfagnani]

I feel like there's an npm bug where it's not choosing a common version of a library only when there's an upgrade of one package. npm dedupe hasn't helped. I've also been able to fix this by removing my package lock and node_modules folder and re-installing, which might not be possible for all projects.

[electrovir]

I've also been able to fix this by removing my package lock and node_modules folder and re-installing, which might not be possible for all projects.

Interestingly, doing this is actually what originally put me in this broken situation 😅. Maybe npm version matters? I'm on npm v9.8.0, haven't tried v10 yet.

[electrovir]

Looks like I also need a "@open-wc/testing-helpers": "2.3.0" override