如何将p5.Something()转换为适合的反应

时间:2019-06-12 01:24:14

标签: reactjs p5.js

在我的文件sketch.js中,转移到组合的p5并做出反应之前,我有一条命令

amp = new p5.Amplitude();

做出反应后,不再定义'p5'方法。

p.Amplitude()/song.Amplitude()未完成任务并返回

(TypeError: ... .Amplitude is not a constructor)

我真的不知道从哪里或如何导入p5。我想这与网络配置有关,但不确定是什么。

我已经npm同时安装了p5和react-p5-wrapper,除了这一行和其他需要使所有代码按预期运行的事情,我可以使用滑块播放音乐/调整背景等。

请求导入的文件

import React from 'react';
import 'p5/lib/addons/p5.sound';
import 'p5/lib/addons/p5.dom';

我真的很高兴得到一点帮助!

1 个答案:

答案 0 :(得分:1)

您也许可以尝试:

import * as p5 from './{library-path}/p5.js';

似乎P5最初不是为方便ES6导入而设置的。

2016年的GitHub问题似乎也发现了类似的问题。 https://github.com/processing/p5.js/issues/1734

最近,它似乎可以在NPM上正确使用:

https://medium.com/front-end-weekly/learning-the-p5-canvas-drawing-library-in-es6-and-webpack-bf514a679544

也请在此处查看其他可能的答案。

How to use React with p5.js