Webpack和Three.js画布渲染

Question

我最近使用webpack（对我来说是新的）转换了一个基于Three.js构建的项目。 之后，我在渲染2D画布时遇到问题。 即使没有错误，创建的画布也会产生一个“巨大的”黑色矩形。

我安装了画布并按如下方式使用它：

import {createCanvas} from 'canvas';

let canvas = createCanvas(200, 200);
let context = canvas.getContext('2d');
context.font = 'Bold ' +18 +'pt ' +'arial';
...
...
let texture = new THREE.Texture(canvas);
texture.needsUpdate = true;
texture.minFilter = THREE.LinearFilter; 
let material = new THREE.SpriteMaterial({map: texture,
                                         transparent: false
                                       });

能帮我吗？