Code Monkey home page Code Monkey logo

Comments (9)

RyanClementsHax avatar RyanClementsHax commented on July 4, 2024 4

Thanks for opening an issue :)

I've tracked this down to your inclusion of @storybook/addon-postcss. It adds as a dependency older versions of postcss-loader and postcss which is causing the issue. given. There does seem to be movement on that repository to support the newer versions

The addon in question seems to be moot however given that storybook-addon-next already handles postcss for you. Do you have a use case where you need both these addons? It seems to me like you can just drop @storybook/addon-postcss.

from storybook-addon-next.

flosrn avatar flosrn commented on July 4, 2024

Thank you for your help @RyanClementsHax

I removed @storybook/addon-postcss, but now it only works if I remove plugin:storybook/recommended from eslintrc.js. If I keep it I have the error in my IDE:
Error: Failed to load plugin 'storybook' declared in '.eslintrc.js': Cannot find module 'eslint-plugin-storybook'

from storybook-addon-next.

RyanClementsHax avatar RyanClementsHax commented on July 4, 2024

No prob! About the other issue, sounds like you might need to wipe your node modules and maybe also your lock file then reinstall your dependencies. If that doesn't work I think I would need a minimal reproduction repo so I can poke around myself.

from storybook-addon-next.

flosrn avatar flosrn commented on July 4, 2024

Mmh yes I have already done this @RyanClementsHax, if you want you can check my repo: https://github.com/flosrn/nextjs-ts-starter/tree/with-storybook

from storybook-addon-next.

RyanClementsHax avatar RyanClementsHax commented on July 4, 2024

I'm not sure I can recreate the problem unfortunately :(

image

Eslint seems to be working fine for your repo.

from storybook-addon-next.

github-actions avatar github-actions commented on July 4, 2024

This issue has been automatically marked stale because it it received no activity for 60 days. If you wish to keep this open, please leave a comment. Thanks.

from storybook-addon-next.

github-actions avatar github-actions commented on July 4, 2024

This issue has been automatically closed because it received no activity for 60 days. If you think this was closed by accident, please leave a comment. Thanks.

from storybook-addon-next.

pfcodes avatar pfcodes commented on July 4, 2024

This worked. Should add to the docs to remove @storybook/addon-postcss

from storybook-addon-next.

SpadarShut avatar SpadarShut commented on July 4, 2024

If you are using nextjs, remove @storybook/addon-postcss, add storybook-addon-next and it will work.

from storybook-addon-next.

Related Issues (20)

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.