Three TextureLoader纹理贴图不显示图片（显示黑色）的原因分析

两种原因：
第一种：导入的方式不对

// 导入纹理
const textureLoader = new THREE.TextureLoader();
const doorColorTexture = textureLoader.load("./imgs/wenli2.jpeg");
// 在场景中添加物体
const cubeGeometry = new THREE.BoxBufferGeometry(1, 1, 1);
// 材质
const basicMaterial = new THREE.MeshBasicMaterial({
  color: "#ffff00",
  map: doorColorTexture,
});
const cube = new THREE.Mesh(cubeGeometry, basicMaterial);
scene.add(cube);

基于vue 导入图片 需要改成

const doorColorTexture = textureLoader.load(require("./imgs/wenli2.jpeg"));

第二种：物体材质不对

var geometry = new THREE.PlaneGeometry(204, 102);