Javascript p5.js createCanvas不再渲染。未访问Ngonit常量

我的代码过去用来渲染画布，但现在不行了。主要的问题似乎是我从未访问过sketch const

今天早上我有一个不错的小项目启动并运行，但在我未意识到之前就删除了它

    import { Component, OnInit } from '@angular/core';
    import * as p5 from 'p5';

    @Component({
      selector: 'app-sketch',
      templateUrl: './sketch.component.html',
      styleUrls: ['./sketch.component.css']
    })
    export class SketchComponent implements OnInit {

      constructor() { }

      ngOnInit() {
        const sketch = (s) => {
          debugger;
          s.preload = () => {
          }
          s.setup = () => {
           s.createCanvas(400,400);
          };
          s.draw = () => {
             s.background(51);
          };
        }
      }
    }

---

这应该渲染一个400x400的画布，但是它什么也不做

您忘记在ngOnInit中调用p5:

 p5 : any;
 ngOnInit() {
  const sketch = (s) => {
      debugger;
      s.preload = () => {
      }
      s.setup = () => {
       s.createCanvas(400,400);
      };
      s.draw = () => {
         s.background(51);
      };
    }
  this.p5 = new p5(sketch);
}