GithubHelp home page GithubHelp logo

craigcoles / gatsby-storybook Goto Github PK

View Code? Open in Web Editor NEW
10.0 10.0 2.0 88 KB

A demo of Gatsby and Storybook working alongside each other

License: MIT License

JavaScript 26.49% CSS 73.51%
gatsby gatsbyjs storybook

gatsby-storybook's Introduction

๐Ÿ‘‹ Hi, I'm Craig.

Website โ€ข Twitter


I am a senior front-end engineer at Journey Hospitality working on driving digital performance for luxury hotels and resorts around the world. For over 11 years, I've been providing my skills in front-end development, design and mobile app development.

gatsby-storybook's People

Contributors

craigcoles avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

gatsby-storybook's Issues

This demo doesn't seem to work anymore

I'm not sure what's changed, but this is what I get:

$ gatsby develop
success delete html and css files from previous builds โ€” 0.009 s
success open and validate gatsby-config.js โ€” 0.009 s
success copy gatsby files โ€” 0.032 s
success onPreBootstrap โ€” 0.023 s
success source and transform nodes โ€” 0.039 s
success building schema โ€” 0.128 s
success createLayouts โ€” 0.040 s
success createPages โ€” 0.001 s
success createPagesStatefully โ€” 0.026 s
success onPreExtractQueries โ€” 0.001 s
success update schema โ€” 0.076 s
success extract queries from components โ€” 0.064 s
success run graphql queries โ€” 0.038 s
success write out page data โ€” 0.007 s
success write out redirect data โ€” 0.001 s
success onPostBootstrap โ€” 0.001 s

info bootstrap finished - 5.669 s

error There was an error compiling the html.js component for the development server.

See our docs page on debugging HTML builds for help https://goo.gl/yL9lND


  Error: Module build failed: TypeError: fileSystem.statSync is not a function
  
  - exists.js:7 module.exports
    [gatsby-storybook]/[babel-loader]/lib/utils/exists.js:7:25
  
  - resolve-rc.js:13 find
    [gatsby-storybook]/[babel-loader]/lib/resolve-rc.js:13:9
  
  - index.js:113 Object.module.exports
    [gatsby-storybook]/[babel-loader]/lib/index.js:113:132

I also lodged an issue here: gatsbyjs/gatsby#4300

Webpack config no longer needed

I spun this up in a fresh Gatsby project, and it looks like the webpack config is no longer needed. You can just have:

.storybook
  addons.js
  config.js

And it appears to work as long as you use [email protected]. Is everyone else seeing the same thing? If so I'm happy to do the PR.

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.