我在启动 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/