P5.play编辑器中的错误-Exchange错误：您只能将子画面添加到组中

Question

我正在做一个游戏，用户必须使用p5.play进行编码，因此，作为第一步，我做了一个在线编辑器，但是，运行代码时遇到了问题：

->当我编写代码并首次运行时，一切正常。 ->如果我运行该代码第二次或更多次（以纠正某些情况），该代码会显示很多错误并最终出现：未捕获的异常：错误：您只能将精灵添加到组中

我以为问题是因为我没有使用本地主机服务器，但是不是。 我认为问题出在预览框架的一部分，我需要某种方法来删除先前的结果以显示新代码，但我不知道该怎么做。

整个代码是此链接： https://drive.google.com/open?id=1jRFmUKngpjwn6J2VFNqvkc3HuxoEmeAV

Answer 1

我找到了解决方案，我创建了一个具有以下功能的按钮：

function refreshPreview(){
        var refresh = document.getElementById('preview');
        refresh.src = refresh.src;
        refresh.src = '';
      }

因此，有了它，我的iframe屏幕与按F5相同。