storybookjs/storybook

[Bug]: Storybook-nextjs complains about type exports imported from optimizePackageImports directory

Open

#30 125 ouverte le 22 déc. 2024

Voir sur GitHub
 (2 commentaires) (5 réactions) (0 assignés)TypeScript (89 909 stars) (10 058 forks)batch import
bughelp wantednextjs

Description

Describe the bug

Module parse failed: Unexpected token (1:14)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
> export { type A } from './types';

Reproduction link

https://stackblitz.com/edit/github-dvxhuih6?file=src%2Fstories%2FButton.tsx

Reproduction steps

No response

System

System:
    OS: Linux 5.0 undefined
    CPU: (8) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz
    Shell: 1.0 - /bin/jsh
  Binaries:
    Node: 18.20.3 - /usr/local/bin/node
    Yarn: 1.22.19 - /usr/local/bin/yarn
    npm: 10.2.3 - /usr/local/bin/npm <----- active
    pnpm: 8.15.6 - /usr/local/bin/pnpm
  npmPackages:
    @storybook/addon-essentials: ^8.5.0-beta.4 => 8.5.0-beta.4 
    @storybook/addon-interactions: ^8.5.0-beta.4 => 8.5.0-beta.4 
    @storybook/addon-onboarding: ^8.5.0-beta.4 => 8.5.0-beta.4 
    @storybook/blocks: ^8.5.0-beta.4 => 8.5.0-beta.4 
    @storybook/nextjs: ^8.5.0-beta.4 => 8.5.0-beta.4 
    @storybook/react: ^8.5.0-beta.4 => 8.5.0-beta.4 
    @storybook/test: ^8.5.0-beta.4 => 8.5.0-beta.4 
    storybook: ^8.5.0-beta.4 => 8.5.0-beta.4

Additional context

No response

Guide contributeur

Stack technique
typescriptreactnextjs
Domaine
frontend
Type d'issue
bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 hours
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
fresh
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
mostly clear
Prérequis
Basic knowledge of TypeScriptFamiliarity with StorybookUnderstanding of Next.jsWebpack configuration
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
40
Direction de recherche
Investigate the webpack module parse error triggered by `export { type A }` syntax. The issue likely involves the `optimizePackageImports` configuration in next.config.js or Storybook's webpack setup. Review the reproduction link (StackBlitz) to identify the exact file (`src/stories/Button.tsx`). Check the two existing comments for any clues or attempted fixes. Look into how Storybook nextjs handles type only exports and whether a webpack loader is missing or misconfigured for tsx files.