Giter VIP home page Giter VIP logo

storybook-builder-test's Introduction

What is this project?

This project is a small repository to reproduce an issue I'm facing with the storybook build using @web/storybook-builder.

It contains:

  • A component file of a very ugly and simple button using Lit,
  • A story file with 2 very simple stories.

How to reproduce the issue?

To reproduce, do as follows:

  1. run npm i,
  2. run npm run build-storybook,
  3. run npm run static to serve the generated files from the storybook-static directory.
  4. check http://localhost:6006/?path=/docs/components-custom-button--docs from your browser.

You should get a blank story iframe with the following error in your console:

Uncaught (in promise) TypeError: __export9$1 is not a function 
<anonymous> http://localhost:6006/DocsRenderer-NNNQARDV-b4b5d8e8.js:9068
DocsRenderer-NNNQARDV-b4b5d8e8.js:9068:2631

Note: when running the storybook in dev mode (npm run storybook), I managed to make this page work by using the commonjs rollup plugin. It was necessary because it appears the autogenerated docs rely on a package named tocbot which uses commonjs imports.

I tried to do the same for the build in a rollupFinal hook but it did not change anything. As I understand it, the docs addon is prebundled anyway?

storybook-builder-test's People

Contributors

florian-sanders-cc avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.