Cannot destructure property 'story' of 'Object(...)(...)' as it is undefined.

[jamaluddinrumi]

---

• Operating System: Darwin
• Node Version: v16.15.0
• Nuxt Version: 2.16.0-27358576.777a4b7f
• Package Manager: yarn@1.9.2
• Builder: webpack
• User Config: bridge, features, router, loadingIndicator, loading, ssr, target, publicRuntimeConfig, head, plugins, components, modern, render, buildModules, humansTxt, purgeCSS, googleAnalytics, pwa, robots, sitemap, fontawesome, modules, i18n, content, image, tailwindcss, generate, build
• Runtime Modules: @nuxtjs/i18n@7.2.2, @nuxt/content@1.15.1, @nuxt/image@0.6.2, @nuxtjs/sitemap@2.4.0

• Build Modules: @nuxtjs/composition-api/module@0.32.0, nuxt-webpack-optimisations@2.2.0, @nuxtjs/dotenv@1.4.1, @nuxtjs/svg@ ![Screen Shot 2022-05-20 at 7 52 48 AM](https://user-images.githubusercontent.com/446780/169427516-2f301469-9458-4c0b-88c9-26b288c299ce.png) 0.3.0, @nuxtjs/fontawesome@1.1.2, @nuxt/postcss8@1.1.3, @nuxtjs/tailwindcss@4.2.1, @nuxtjs/html-validator@0.7.0, @nuxtjs/robots@2.5.0, @nuxtjs/pwa@3.3.5, @nuxtjs/google-analytics@2.4.0, @luxdamore/nuxt-humans-txt@1.0.2

i can not use the useStoryblok one-liner composable.

index.js

<script>
import { useStoryblok } from "@storyblok/nuxt-2";

export default {
  name: "HomePage",
  scrollToTop: true,

  setup() {
    const { story, fetchState } = useStoryblok("cdn/stories/halaman-depan", {
      version: "draft",
    });

    return {
      story,
      fetchState,
    };
  },
...

nuxt.config.js

buildModules: [
    [
      "@nuxtjs/composition-api/module",
      "@storyblok/nuxt-2/module",
      {
        accessToken: process.env.STORYBLOK_API_KEY,
        // cacheProvider: "memory",
        bridge: true,
        apiOptions: {}, // storyblok-js-client options
        useApiClient: true,
      },
    ],
...

i also can not use the options api.

[jamaluddinrumi]

up

[jamaluddinrumi]

i followed this article and it works by deleting node_modules and generate it once again

it's now resolved