为什么每次保存我的vite react项目时,会向页面主体添加新的canvas元素,而不是替换现有的canvas元素?
P粉186904731
P粉186904731 2024-03-30 09:57:49
[React讨论组]

我正在尝试开始学习 ThreeJs(我也是 Javascript Web 开发的新手)。看了一些教程后,我从vite和react开始,然后从基本的旋转立方体开始。该部分有效。

但是根据我所读到的有关 vite 的内容,保存我正在处理的文件应该足以将其重新加载到页面上。事实并非如此。我检查了页面内容,每次保存文件时,都会将 2x 相同的画布元素附加到页面正文(而不是替换现有的),这意味着我必须向下滚动到页面底部才能看到新内容(或者重新加载页面,这违背了Vite快速刷新功能的目的)。

我做错了什么?我搭建了一个基本的vite项目,在App中添加了一个组件,然后按照教程做了一个基本的立方体渲染,一路上我就绕过了Vite的快速刷新。帮忙?

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

重现:

clone
cd /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

P粉186904731
P粉186904731

全部回复(0)
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号