The requested module '/node_modules/jsdoc-type-pratt-parser/dist/index.js?v=dd771ee8' does not provide an export named 'parse' #776

tomrob270 · 2024-09-17T12:30:34Z

Getting above error when adding storybook. It is correctly picking up .stories.ts files

.storybook/main

import type { StorybookConfig } from "@storybook-vue/nuxt";

const config: StorybookConfig = {
  stories: [
    "stories/**/*.mdx",
    "stories/**/*.stories.@(js|jsx|mjs|ts|tsx)",
    "../components/**/*.stories.@(js|jsx|mjs|ts|tsx)",
  ],
  addons: [
    "@storybook/addon-links",
    "@storybook/addon-essentials",
    "@storybook/addon-interactions",
  ],
  framework: {
    name: "@storybook-vue/nuxt",
    options: {},
  },
  docs: {
    autodocs: "tag",
  },
};
export default config;

nuxt config

  modules: [
    "nuxt-quasar-ui",
    "@vueuse/nuxt",
    "@pinia/nuxt",
    "@pinia-plugin-persistedstate/nuxt",
    "@formkit/auto-animate/nuxt",
    "@hebilicious/vue-query-nuxt",
    "@nuxt/eslint",
    "@nuxtjs/i18n",
    "nuxt-monaco-editor",
    "nuxt-lodash",
    "@nuxtjs/storybook",
  ],

package.json

  "devDependencies": {
    "@nuxt/devtools": "latest",
    "@nuxt/eslint": "^0.5.0",
    "@nuxt/test-utils": "^3.14.0",
    "@nuxtjs/i18n": "latest",
    "@nuxtjs/storybook": "^8.2.0",
    "@pinia-plugin-persistedstate/nuxt": "^1.2.1",
    "@storybook/addon-essentials": "^8.3.1",
    "@types/jsurl": "^0.1.2",
    "@types/lodash": "^4.17.7",
    "@types/md5": "^2.3.5",
    "@types/sanitize-html": "^2.11.0",
    "drizzle-kit": "latest",
    "eslint": "^9.8.0",
    "eslint-plugin-prettier": "^5.1.3",
    "nuxt": "^3.11.2",
    "nuxt-lodash": "latest",
    "nuxt-monaco-editor": "latest",
    "nuxt-quasar-ui": "^2.0.6",
    "pg": "^8.11.3",
    "prettier": "^3.3.2",
    "sass": "^1.69.5",
    "typescript": "^5.4.5",
    "vite-plugin-node-polyfills": "^0.22.0",
    "vitest": "^2.0.4",
    "vue": "^3.3.10",
    "vue-component-type-helpers": "^2.0.6",
    "vue-router": "^4.2.5"
  },

The text was updated successfully, but these errors were encountered:

tobiasdiez · 2024-09-17T16:20:22Z

Could you please provide a minimal reproduction In particular, test if one of the plugins are creating the issue. As a workaround, you may try to add jsdoc-type-pratt-parser to optimizeDeps.include.

CraigThatcher · 2024-09-18T18:21:30Z

This appears to be introduced with 8.3.x in @storybook/core. This is not shown in the online examples linked to StackBlitz from the website. Those examples are currently experiencing a 404 bug looking for /sb-preview/runtime.js.

The workaround provided above for optimizeDeps.include does fix the problem.

cheindl · 2024-09-18T19:39:06Z

I got the same error; but the workaround does not work for me. I put jsdoc-type-pratt-parser to optimizeDeps.include within .storybook/main.ts, but then it show the same error with vue itself:

The requested module '/node_modules/vue/dist/vue.runtime.esm-bundler.js?v=89f1e65f' does not provide an export named 'useId'

package.json:

"devDependencies": {
    "@graphql-codegen/cli": "^5.0.2",
    "@graphql-codegen/near-operation-file-preset": "^3.0.0",
    "@graphql-codegen/typed-document-node": "^5.0.6",
    "@graphql-codegen/typescript": "^4.0.6",
    "@graphql-codegen/typescript-operations": "^4.2.0",
    "@nuxt/eslint": "^0.5.0",
    "@nuxt/eslint-config": "^0.5.0",
    "@nuxt/icon": "^1.2.1",
    "@nuxt/test-utils": "^3.13.1",
    "@nuxtjs/i18n": "8.5.2",
    "@nuxtjs/storybook": "~8.2.0",
    "@pinia/nuxt": "^0.5.1",
    "@storybook-vue/nuxt": "~8.2.0",
    "@storybook/addon-a11y": "~8.3.0",
    "@storybook/addon-essentials": "~8.3.0",
    "@storybook/addon-interactions": "~8.3.0",
    "@storybook/addon-links": "~8.3.0",
    "@storybook/blocks": "~8.3.0",
    "@storybook/test": "~8.3.0",
    "@types/node": "^20.0.0",
    "@urql/vue": "^1.3.2",
    "@vue/test-utils": "^2.4.6",
    "@vuepic/vue-datepicker": "^9.0.0",
    "@vueuse/core": "^11.0.0",
    "@vueuse/nuxt": "^11.0.0",
    "@vueuse/router": "^11.0.0",
    "dayjs-nuxt": "^2.1.9",
    "eslint": "^9.0.0",
    "eslint-config-prettier": "^9.1.0",
    "eslint-plugin-prettier": "^5.2.1",
    "happy-dom": "14.12.3",
    "husky": "^9.1.4",
    "lint-staged": "^15.2.7",
    "nuxt": "3.13.1",
    "nuxt-swiper": "^1.2.2",
    "pinia": "^2.1.7",
    "playwright-core": "^1.45.0",
    "prettier": "^3.3.3",
    "sass": "^1.78.0",
    "storybook": "~8.3.0",
    "typescript": "^4.9.3",
    "venobox": "^2.1.8",
    "vitest": "^1.6.0"
  },

.storybook/main.ts

import type { StorybookConfig } from '@storybook-vue/nuxt';
import { mergeConfig } from 'vite';

const config: StorybookConfig = {
  core: {
    disableTelemetry: true,
  },
  stories: ['../components/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
  addons: [
    '@storybook/addon-links',
    '@storybook/addon-essentials',
    '@storybook/addon-interactions',
    '@storybook/addon-a11y',
  ],
  framework: {
    name: '@storybook-vue/nuxt',
    options: {},
  },
  staticDirs: [{ from: '../public/assets', to: 'assets' }],
  async viteFinal(config) {
     return mergeConfig(config, {
      optimizeDeps: {
        include: ['jsdoc-type-pratt-parser'],
      }
    });
  }
};
export default config;

AtsMultanen · 2024-09-19T08:59:13Z

Not sure if it'll make a difference @cheindl but try adding optimizeDeps.include: ['jsdoc-type-pratt-parser'] into nuxt.config.ts
https://nuxt.com/docs/api/nuxt-config#vite

tomrob270 · 2024-09-19T13:09:34Z

Could you please provide a minimal reproduction In particular, test if one of the plugins are creating the issue. As a workaround, you may try to add jsdoc-type-pratt-parser to optimizeDeps.include.

This fixes the error

tobiasdiez · 2024-09-19T13:48:35Z

Let's try to find a proper solution for this (which might be that we always add the optimizeDeps entry in the module).

First, it would be good to know with which storybook version this occurs first. Is it 8.3.0 or 8.3.1? In the latter case, this might be triggered by storybookjs/storybook#29134

### 🔗 Linked issue  ### 📚 Description Add browser-based tests to verify that Storybook starts in development mode. Aim is to catch errors like #776

nathansmedley · 2024-09-23T09:23:46Z

Let's try to find a proper solution for this (which might be that we always add the optimizeDeps entry in the module).

First, it would be good to know with which storybook version this occurs first. Is it 8.3.0 or 8.3.1? In the latter case, this might be triggered by storybookjs/storybook#29134

Also getting the same issue its a pretty new setup literally just been installing modules

Heres the current packag.json:

  "name": "nuxt-app",
  "private": true,
  "type": "module",
  "scripts": {
    "build": "nuxt build",
    "dev": "nuxt dev",
    "generate": "nuxt generate",
    "preview": "nuxt preview",
    "postinstall": "nuxt prepare"
  },
  "dependencies": {
    "@nuxt/fonts": "^0.8.0",
    "@nuxt/image": "^1.8.0",
    "@nuxtjs/seo": "^2.0.0-rc.21",
    "@nuxtjs/storybook": "^8.2.0",
    "nuxt": "^3.13.2",
    "sass": "^1.79.3",
    "vue": "^3.5.8",
    "vue-router": "^4.4.5"
  }
}

tobiasdiez · 2024-09-23T09:59:04Z

I could now reproduce it in the upgrade PR to v. 8.3.2 #779, but storybook v 8.3.0 works. So either add the optimizeDep for now (until its fixed upstream with storybookjs/storybook#29179) or force all storybook deps to be v8.3.0.

fdendorfer · 2024-09-27T10:50:39Z

Here's a repro with storybook@next, @storybook-vue/nuxt@nightly and @nuxtjs/storybook@nightly
https://stackblitz.com/edit/nuxt-starter-vwzpyp?file=README.md,package.json

tobiasdiez · 2024-10-07T09:06:12Z

Thanks @fdendorfer, but this still uses the old version '@storybook/builder-vite': 8.3.3([email protected])([email protected])([email protected]) without the fix. We have to wait for the release of storybook 8.4, and then use the updated version here in the module.

Until then use the workaround from #776 (comment).

I'll pin this issue until its fixed.

bojanrajh · 2024-10-18T07:19:53Z

The optimizeDeps.include workaround doesn't work for us (v8.3.x and v8.4.0-alpha), but disabling the @storybook/addon-docs included by @storybook/addon-essentials did the trick:

// main.js
const config = {
  // ...
  addons: [
    // ...
    {
      name: '@storybook/addon-essentials',
      options: {
        // fix jsdoc-type-pratt-parser
        docs: false,
      }
    },
  ],
};

yshrsmz · 2024-10-24T08:49:22Z

Somehow, I needed to include jsdoc-type-prat-parser like below.
(I'm using pnpm btw)

  vite: {
    optimizeDeps: {
      include: ['storybook > @storybook/core > jsdoc-type-pratt-parser'],
    },
  },

vitejs/vite#10047
https://vite.dev/config/dep-optimization-options.html#optimizedeps-exclude

binaryartifex · 2024-11-03T23:24:44Z

@yshrsmz can confirm that works for me, however when storybook loads up in parallel with the pnpm dev command, i get a Pre-transform error: Failed to resolve import "/_nuxt/@vite-plugin-checker-runtime" from "virtual:@vite-plugin-checker-runtime-entry". Does the file exist? error. If i just use pnpm storybook, no error.

lafllamme · 2024-11-06T18:50:34Z

__

Somehow, I needed to include jsdoc-type-prat-parser like below. (I'm using pnpm btw)

vite: {
optimizeDeps: {
include: ['storybook > @storybook/core > jsdoc-type-pratt-parser'],
},
},

vitejs/vite#10047 https://vite.dev/config/dep-optimization-options.html#optimizedeps-exclude

Nice! This worked for me. Storybook runs now (Docker // PNPM // Nuxt 3:latest)

It seems some style are broken. Have to check this one

tobiasdiez added type: bug Something isn't working status: needs reproduction Needs a minimal reproduction labels Sep 17, 2024

tomrob270 closed this as completed Sep 19, 2024

tobiasdiez reopened this Sep 19, 2024

exophunk mentioned this issue Sep 20, 2024

Basic Usage example from documentation not working: preview.js not found #777

Open

This was referenced Sep 20, 2024

Provide esm version jsdoc-type-pratt-parser/jsdoc-type-pratt-parser#173

Open

Vite: Add jsdoc-type-pratt-parser to optimizeDeps storybookjs/storybook#29179

Merged

chore: add playwright tests #783

Merged

tobiasdiez mentioned this issue Sep 23, 2024

chore(deps): update storybook packages to ^8.3.2 #779

Closed

1 task

jadurani mentioned this issue Oct 7, 2024

Can't use with nuxt 3.12.1, The entry point "vue" cannot be marked as external #641

Closed

tobiasdiez added status: blocked Blocked by an issue / missing feature of a dependency, or by another issue and removed status: needs reproduction Needs a minimal reproduction labels Oct 7, 2024

tobiasdiez pinned this issue Oct 7, 2024

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

The requested module '/node_modules/jsdoc-type-pratt-parser/dist/index.js?v=dd771ee8' does not provide an export named 'parse' #776

The requested module '/node_modules/jsdoc-type-pratt-parser/dist/index.js?v=dd771ee8' does not provide an export named 'parse' #776

tomrob270 commented Sep 17, 2024 •

edited

Loading

tobiasdiez commented Sep 17, 2024

CraigThatcher commented Sep 18, 2024

cheindl commented Sep 18, 2024 •

edited

Loading

AtsMultanen commented Sep 19, 2024

tomrob270 commented Sep 19, 2024

tobiasdiez commented Sep 19, 2024

nathansmedley commented Sep 23, 2024 •

edited

Loading

tobiasdiez commented Sep 23, 2024 •

edited

Loading

fdendorfer commented Sep 27, 2024 •

edited

Loading

tobiasdiez commented Oct 7, 2024

bojanrajh commented Oct 18, 2024

yshrsmz commented Oct 24, 2024 •

edited

Loading

binaryartifex commented Nov 3, 2024

lafllamme commented Nov 6, 2024

The requested module '/node_modules/jsdoc-type-pratt-parser/dist/index.js?v=dd771ee8' does not provide an export named 'parse' #776

The requested module '/node_modules/jsdoc-type-pratt-parser/dist/index.js?v=dd771ee8' does not provide an export named 'parse' #776

Comments

tomrob270 commented Sep 17, 2024 • edited Loading

tobiasdiez commented Sep 17, 2024

CraigThatcher commented Sep 18, 2024

cheindl commented Sep 18, 2024 • edited Loading

AtsMultanen commented Sep 19, 2024

tomrob270 commented Sep 19, 2024

tobiasdiez commented Sep 19, 2024

nathansmedley commented Sep 23, 2024 • edited Loading

tobiasdiez commented Sep 23, 2024 • edited Loading

fdendorfer commented Sep 27, 2024 • edited Loading

tobiasdiez commented Oct 7, 2024

bojanrajh commented Oct 18, 2024

yshrsmz commented Oct 24, 2024 • edited Loading

binaryartifex commented Nov 3, 2024

lafllamme commented Nov 6, 2024

tomrob270 commented Sep 17, 2024 •

edited

Loading

cheindl commented Sep 18, 2024 •

edited

Loading

nathansmedley commented Sep 23, 2024 •

edited

Loading

tobiasdiez commented Sep 23, 2024 •

edited

Loading

fdendorfer commented Sep 27, 2024 •

edited

Loading

yshrsmz commented Oct 24, 2024 •

edited

Loading