[Pending]Storybookを導入する

notwo commented 7 months ago

さすがにVueファイルが増えすぎて管理が大変すぎるのでそろそろドキュメンテーションをしっかりやっておく

notwo commented 7 months ago

Storybook 7 を Vue 3 + TypeScript ではじめよう！あたりを参考にする

notwo commented 7 months ago

説明通りにコマンド実行したらエラーが出た…

$ yarn storybook dev --port 6006
Usage Error: Couldn't find a script named "storybook".

→単にnpm run devを別で実行してたから。サーバ起動してないときにやったら動いた ※一応node_modulesを削除してyarn installしてから上記を実行している

notwo commented 7 months ago

今度は別のエラー

C:\Users\07k11\Desktop\work\youknowFrontend\node_modules\file-system-cache\lib\common\util.js:78
            throw new Error(`Failed to read cache value at: ${path}. ${error.message}`);
                  ^

Error: Failed to read cache value at: C:\Users\07k11\Desktop\work\youknowFrontend\node_modules\.cache\storybook\dev-server/a5a8bf6e622aef57065c6498611f40c911543d7d-f086b87885981c04ce7a583ff90a49313de83de7. C:\Users\07k11\Desktop\work\youknowFrontend\node_modules\.cache\storybook\dev-server/a5a8bf6e622aef57065c6498611f40c911543d7d-f086b87885981c04ce7a583ff90a49313de83de7: Unexpected end of JSON input
    at Object.<anonymous> (C:\Users\07k11\Desktop\work\youknowFrontend\node_modules\file-system-cache\lib\common\util.js:78:19)
    at Generator.throw (<anonymous>)
    at rejected (C:\Users\07k11\Desktop\work\youknowFrontend\node_modules\file-system-cache\lib\common\util.js:6:65)

キャッシュが原因っぽいのでStorybookのキャッシュ削除を試す

=>http://localhost:6006 でアクセス出来た

notwo commented 7 months ago

Auth0が関係して画面表示させるにはかなり手がかかりすぎるので一旦pending

notwo / youknowFrontend

[Pending]Storybookを導入する #125