我如何正确设置本地主机以显示 p5.js 画布

How do i properly set up local host such that it displays p5.js canvases

我想学习 webgl,所以我开始了一个简单的项目,但在设置可以工作的本地主机时遇到了问题。 所以本地主机看起来像这样:

但是当我从文件探索中打开我的 index.html 文件时,我得到了我应该做的:

我正在使用 p5.js,虽然我不确定这是否会搞砸。

简而言之:您在导入时是否在 src 属性中写了前导斜线 p5.js?

当运行服务器时,嵌入and/or导入资源时要小心;可能你像这样导入了 p5.js:

<script src="directory/p5.js"></script>

或类似,但当 运行 服务器为:

时正确
<script src="/directory/p5.js"></script>

因为这样的访问需要一个前导斜杠来告诉服务器在哪里可以找到资源,在这种情况下,您的 p5.js 文件位于服务器的根目录。

希望能帮到你!