Storybook stuck at loading

Developing with Prismic
4

OK, can you try deleting your .nuxt-storybook, node_modules and package-lock.json files, update your package.json file with the following json and then run npm i.

{
  "name": "demo",
  "version": "1.0.0",
  "private": true,
  "scripts": {
    "dev": "nuxt",
    "build": "nuxt build",
    "start": "nuxt start",
    "generate": "nuxt generate",
    "slicemachine": "start-slicemachine",
    "storybook": "nuxt storybook",
    "build-storybook": "nuxt storybook build"
  },
  "dependencies": {
    "@nuxtjs/prismic": "^1.3.2",
    "cookies": "^0.8.0",
    "nuxt": "^2.15.8",
    "nuxt-sm": "^0.0.9",
    "vue-slicezone": "^0.1.0"
  },
  "devDependencies": {
    "@nuxtjs/storybook": "^4.2.0",
    "core-js": "^3.18.2",
    "sass": "^1.42.1",
    "sass-loader": "^10.1.0",
    "slice-machine-ui": "^0.1.2",
    "webpack": "^4.46.0"
  }
}

Also, change

  storybook: {
    // This is a bug with `getStoriesPaths` and Nuxt that is awaiting to be fixed
    stories: [...getStoriesPaths().map(path => path.replace("../", "~/")), ...getStoriesPaths()]
  },

to

  storybook: {
    // This is a bug with `getStoriesPaths` and Nuxt that is awaiting to be fixed
    stories: [...getStoriesPaths().map(path => path.replace("../", "~/")),]
  },

This worked on my side with your project.

Thanks.

1 Like