javascript - 未捕获的类型错误 : p5 is not a constructor

标签 javascript p5.js

我在启动 p5js 时遇到一些麻烦,因为我收到此错误:

未捕获类型错误:p5 不是构造函数

import * as p5 from 'p5';
export default {
    init() {
        //a P5 moire pattern.
        let s = (sk) => {
            let layers = [];

            // sk.translate(window.innerWidth/2,window.innerHeight/2);
            sk.setup = () =>{
                let gfx = sk.createGraphics(window.innerWidth, window.innerHeight);
                let gfx2;

                sk.createCanvas(window.innerWidth, window.innerHeight);
                sk.angleMode(sk.DEGREES);
                sk.imageMode(sk.CENTER);
                sk.translate(window.innerWidth/2, window.innerHeight/2);
                sk.background(40);
                gfx.stroke(200);
                gfx.strokeWeight(3);
                gfx.line(0, 0, window.innerWidth, 0);
                for(let i=0; i<1000; i++){
                    gfx.point(Math.random() *window.innerWidth, Math.random() *window.innerHeight);
                }

                gfx2 = {...gfx};
                sk.image(gfx,0,0);
                sk.rotate(1);
                sk.image(gfx2,0,0);
            }

        }
        const P5 = new p5(s, document.getElementById('grid'));
    }
}

我的目标index.js对象刚刚初始化为myObject.init()index.html有一个div#grid在里面。 我看不到问题所在。任何帮助将不胜感激。

最佳答案

对于任何遇到同样问题的人,我理所当然地认为(遵循 p5js 文档和有关该库的其他资源)像 import * as p5 from 'p5' 这样的导入是正确的,但它是一个命名导出类,因此您需要从 'p5' 导入 p5。这有效。

编辑:文字。

关于javascript - 未捕获的类型错误 : p5 is not a constructor,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65268534/

相关文章:

javascript - 在 rails 中打印东西(字面意思是打印机)

javascript - Typescript 根据 if 语句自动判断类型是什么

javascript - 如何使用变量作为构造函数属性?

javascript - 如何将字符串保存到 p5.js 中的特定位置

javascript - 如何使用 p5.js 垂直旋转文本?

collision - Matter.js 碰撞过滤不起作用

javascript - Indesign 插件的外部配置文件

javascript - 无法以编程方式提交表单

javascript - P5js SVG 导出

javascript - 将 Canvas 居中将其移动到 Angular 落