storybookjs/storybook

[Bug]: NextJS automigration misses static paths

Open

#21,492 opened on 2023年3月9日

GitHub で見る
 (0 comments) (1 reaction) (0 assignees)TypeScript (89,909 stars) (10,058 forks)batch import
automigrationsbughas workaroundhelp wantedsev:S3

説明

Describe the bug

Feedback from @thafryer on upgrading Chromatic's storybook:

When I switched to the NextJS framework, importing assets into stories  stopped working. This was working when I was using react-webpack5 as the framework. i switched to pointing a string path to the static directory, which worked.

To Reproduce

No response

System

No response

Additional context

No response

コントリビューターガイド

技術スタック
nextjstypescriptreact
領域
frontend
Issue 種別
bug
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
3
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
half day
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
stale
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
mostly clear
前提条件
Storybook basicsNextJS static files
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
40
調査方針
Investigate how Storybook's NextJS automigration handles static directories. Look at the migration logic in `code/frameworks/nextjs` and compare with the webpack5 configuration. The user reports that importing assets into stories failed after switching to NextJS framework but using a string path to the static directory worked. The automigration likely misses the `staticDirs` configuration. Check if there's a missing transformation or if the static directory path is not being passed correctly. Refer to the issue for the user's feedback and examine the relevant code files.