我正在嘗試開始學習 ThreeJs（我也是 Javascript Web 開發的新手）。看了一些教學後，我從vite和react開始，然後從基本的旋轉立方體開始。該部分有效。

但是根據我所讀到的有關 vite 的內容，保存我正在處理的文件應該足以將其重新加載到頁面上。事實並非如此。我檢查了頁面內容，每次保存文件時，都會將2x 相同的畫布元素附加到頁面正文（而不是替換現有的），這意味著我必須向下滾動到頁面底部才能看到新內容（或者重新載入頁面，這違背了Vite快速刷新功能的目的）。

我做錯了什麼？我建立了一個基本的vite項目，在App中添加了一個元件，然後按照教程做了一個基本的立方體渲染，一路上我就繞過了Vite的快速刷新。幫忙？

Github： https://github.com/amdreallyfast/ThreeJsTutorials/tree/main/npmfrontend

重現：

clone
cd <directory>/npmfrontend
npm install 
npm run dev
Open page in browser
Inspect page -> Elements
Open SceneRenderer.jsx
Make change and save (ex: rotation speed; repeat multiple times)
Notice how the body element on the loaded page keeps appending new canvases