The latest articles on DEV Community by Tiffany Hsu (@tiffany_hsu_dd790327e75b8). https://dev.to/tiffany_hsu_dd790327e75b8 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3174279%2Fc714c943-2f4a-448b-9b80-0463c27a7f3c.jpg https://dev.to/tiffany_hsu_dd790327e75b8 en Tiffany Hsu Wed, 21 May 2025 09:16:30 +0000 https://dev.to/tiffany_hsu_dd790327e75b8/how-to-change-chainlit-ui-component-3c91 https://dev.to/tiffany_hsu_dd790327e75b8/how-to-change-chainlit-ui-component-3c91 <p>需要安裝 chainlit editable 版本</p> <ol> <li>切換目錄到 Chainlit 原始碼的根目錄。</li> <li>執行 <code>pnpm install</code> (或 <code>yarn install</code>，取決於你的專案設定)。 <ul> <li>執行 pnpm install 會產生 <code>/chainlit/node_modules</code>，這樣才能開始修改UI元件</li> </ul> </li> <li>修改 <code>chainlit/frontend/src/components</code>下的 UI 組件。</li> <li>切換目錄到/chainlit/backend 執行 <code>pnpm run buildUi</code> 來編譯 UI。</li> </ol> javascript frontend ui howto