Javascript three.js纹理未显示且为黑色

我试图用一个平面来创建一个简单的场景。它将有一个纹理

代码如下：

但是，纹理是黑色的。如果将“贴图：纹理”更改为“颜色：白色”，您将看到一个白色平面。这意味着除了纹理之外，其他一切都在工作

我做错了什么？如何解决这个问题？

这与

尝试将load函数与回调一起使用，如下所示 并将纹理设置为像中一样重复

//创建场景、摄影机和渲染器 var场景=新的三个场景； var摄像机=新的3.PerspectiveCamera90，window.innerWidth/window.innerHeight，11000； 摄像机位置z=10； var renderer=new THREE.WebGLRenderer； renderer.setSizewindow.innerWidth，window.innerHeight； //加载纹理 var loader=新的3.TextureLoader； 装载机 https://cdn.glitch.com/62a3a7d1-3c19-4fb7-b1ef-a1c65ba38596%2Fboard.svg?v=1577426114562, 功能纹理{ var material=new THREE.MeshBasicMaterial{map:texture}； texture.wrapps=3.repeat wrapping； texture.wrapT=3.0； 纹理。重复。设置4，4； //使用纹理创建8x8平面 var geometry=新的三点几何8,8； //var material=new THREE.MeshBasicMaterial{map:texture}； var平面=新的三个。网格几何体，材质； scene.addplane； //渲染场景 renderer.renderscene，摄影机； document.body.appendChildrender.doElement； }, 未定义， 函数错误{ console.error“发生错误”； } ; 身体{ 保证金：0； 字体系列：monospace； } 帆布{ 宽度：100%； 身高：100%； }