evanjo03 / lit-storybook-conflicts

Simple POC to identify compatibility issues with @open-wc/web-dev-storybook and lit/lit-element.

Purpose

Showcases an issue found when using @web/dev-server-storybook along with lit and legacy versions of lit down the dependency tree. Seems to be related to: open-wc/open-wc#2322.

This application was created with the @open-wc generator and comes with storybook and lit@2. I created a separate package also created with the @open-wc generator that uses legacy lit dependencies (lit-html@^1.0.0 and lit-element@^2.2.1). In all other ways, it is untouched. The code for the legacy package can be found here.

There seems to be some dependency conflict around lit-html that occurs when using @web/dev-server-storybook, as running npm run storybook returns the error below. Note that npm run start works without any issue.

Reproducing the Error:

git clone https://github.com/evanjo03/lit-storybook-conflicts.git

cd lit-storybook-conflicts

npm i

npm run storybook

Open-wc Starter App