Javascript 如何让p5.js在WordPress中工作

上下文：

我正试图让p5.js库在Wordpress安装版本中使用Sage starter主题

所有文件似乎都已就位：

p5.min.js位于

dist

文件夹中

p5.min.js正确地排在

正文的末尾

：

<script type="text/javascript" src="//localhost:3000/app/themes/tlm/dist/scripts/p5.min.js"></script>

---

我的JS水平很低。为什么p5是未定义的？如何调试它？

必须将p5变量设置为全局变量

怎么做？

只需在JavaScript文件的顶部添加这一行

/*全球p5*/

var sketch = function(p) {
  p.setup = function () {
    p.createCanvas(500, 500);
    p.background(200);
  };
};
new p5(sketch);