Closed10
Storybook v6 から v7へのアップグレード
npx storybook@latest upgrade
migrationはすべてYで回答
migration-storybook.log
が生成される。
│ new-frameworks: │
│ ❌ Your project should be upgraded to use the framework package │
│ @storybook/react-vite, but we detected that you are using Vite │
│ ^2.9.1, which is unsupported in Storybook 7.0. Please upgrade Vite │
│ to 3.0.0 or higher and rerun this migration.
ここでこけていたらしいので yarn upgrade --latest vite
npx storybook@latest upgrade
もっかい叩く
結構コケてるので確認
yarn remove @storybook/preset-create-react-app
yarn remove @storybook/addon-viewport
yarn remove @storybook/addon-storyshots @storybook/node-logger
とりあえず使ってないものは消しておく
Property expression of JSXExpressionContainer expected node to be of a type ["Expression","JSXEmptyExpression"] but instead got "ThisExpression"
こんな感じのエラーが出る、おそらく @vitejs/plugin-react
のバージョンを上げると解決したので、vite-plugin-svgr
などのvite関連のライブラリをまとめてアップデート
このスクラップは2023/06/05にクローズされました