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

Descrizione

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';

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

Guida contributor

Tech stack

typescriptreactnextjs

Dominio

frontend

Tipo issue

bug

DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.

3

Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.

1-3 hours

Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.

fresh

ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.

mostly clear

Prerequisiti

Basic knowledge of TypeScriptFamiliarity with StorybookUnderstanding of Next.jsWebpack configuration

Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.

40

Direzione di ricerca

Indaga sull'errore di analisi del modulo webpack attivato dalla sintassi `export { type A }`. Il problema probabilmente coinvolge la configurazione `optimizePackageImports` in next.config.js o la configurazione webpack di Storybook. Rivedi il link di riproduzione (StackBlitz) per identificare il file esatto (`src/stories/Button.tsx`). Controlla i due commenti esistenti per eventuali indizi o tentativi di correzione. Esamina come Storybook nextjs gestisce le esportazioni di solo tipo e se manca o è configurato erroneamente un loader webpack per i file tsx.