zeplin / storybook-zeplin

Storybook addon to view Zeplin resources in story panel
https://storybook-zeplin.netlify.app
MIT License
115 stars 16 forks source link

Can't see zeplin tab #55

Open joeetr opened 2 years ago

joeetr commented 2 years ago

Hi, i cant see the zeplin tab in storybook.

Getting these warnings: `WARNING in ./node_modules/@zeplin/storybook-inspector/node_modules/prettier/standalone.js 66:43-50 Critical dependency: require function is used in a way in which dependencies cannot be statically extracted @ ./node_modules/@zeplin/storybook-inspector/dist/index.js 1:20227-20257 @ ./node_modules/storybook-zeplin/dist/register.js 6:0-91 22:33-49 33:54-64 34:80-94 @ ./node_modules/storybook-zeplin/register.js

WARNING in ./node_modules/@zeplin/storybook-inspector/node_modules/prettier/standalone.js 72:46-53 Critical dependency: require function is used in a way in which dependencies cannot be statically extracted @ ./node_modules/@zeplin/storybook-inspector/dist/index.js 1:20227-20257 @ ./node_modules/storybook-zeplin/dist/register.js 6:0-91 22:33-49 33:54-64 34:80-94 @ ./node_modules/storybook-zeplin/register.js

2 warnings have detailed information that is not shown. Use 'stats.errorDetails: true' resp. '--stats-error-details' to show it.`

using: node v17.7.1 (npm v8.5.2)

rlarin commented 2 years ago

I'm facing the same error

yuqu commented 2 years ago

Could you share Storybook version?

joeetr commented 2 years ago

Latest version

tptspe commented 2 years ago

Me, too, same issue

skarahoda commented 2 years ago

Hey @joeetr,

I couldn't reproduce the bug. Is it possible to share your project? If not, could you please share the following information:

joeetr commented 2 years ago
{
  "name": "storybook",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@testing-library/jest-dom": "^5.16.2",
    "@testing-library/react": "^12.1.4",
    "@testing-library/user-event": "^13.5.0",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-scripts": "5.0.0",
    "web-vitals": "^2.1.4"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject",
    "storybook": "start-storybook -p 6006 -s public",
    "build-storybook": "build-storybook -s public"
  },
  "eslintConfig": {
    "extends": [
      "react-app",
      "react-app/jest"
    ],
    "overrides": [
      {
        "files": [
          "**/*.stories.*"
        ],
        "rules": {
          "import/no-anonymous-default-export": "off"
        }
      }
    ]
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  },
  "devDependencies": {
    "@storybook/addon-actions": "^6.4.19",
    "@storybook/addon-essentials": "^6.4.19",
    "@storybook/addon-interactions": "^6.4.19",
    "@storybook/addon-links": "^6.4.19",
    "@storybook/builder-webpack5": "^6.4.19",
    "@storybook/manager-webpack5": "^6.4.19",
    "@storybook/node-logger": "^6.4.19",
    "@storybook/preset-create-react-app": "^4.1.0",
    "@storybook/react": "^6.4.19",
    "@storybook/testing-library": "^0.0.9",
    "storybook-zeplin": "^1.7.2",
    "webpack": "^5.70.0"
  }
}

This is what i did: nvm use v17.7.1 npx create-react-app storybook cd storybook npm start npx sb init npm run storybook and then installed the storybook zeplin addon and registered the addon in main.js and zeplin link in preview.js

dkoushha commented 2 years ago

I'm getting same error, is there an update?

mannyblum commented 2 years ago

I had a similar issue today and was able to resolve it by clearing the localStorage cache in Chrome and refreshing localStorage.clear()

mertkahyaoglu commented 1 year ago

Are you guys still having this issue? Any chance @mannyblum's solution works for you?