Image is not Loading using Texture Loader

Hello Guys,
Greeting ! Thanks in advance

I am getting error while loading image using Texture Loader. In chrome when we disable catch image is loading perfectly, when we off disable catch it give error from three.js. I tryed with Mozilla firefox it is working fine. we don’t need to enable disable catch option.

I tried with THREE.Cache.enabled = true., THREE.Cache.enabled = false. and it’s clean(), but nothing works.

when we off disable cache it give us cors error, and we check from backend we already set * for that, it is specifically not working in chrome.

you can suggest me how to disable cache from three.js side or react js side (without jquery involve). Thank you.

const loader = new THREE.TextureLoader();
const floorTexture = loader.load(markerImg?.url, (img) => {
  img.needsUpdate = true;
  img.crossOrigin = "";
  floor.scale.set(1.0, img.image.height / img.image.width, 1.0);
floorTexture.wrapS = floorTexture.wrapT = THREE.RepeatWrapping;
const floorMaterial = new THREE.MeshBasicMaterial({
  map: floorTexture,
  side: THREE.DoubleSide,

const floorGeometry = new THREE.PlaneGeometry(1000, 1000, 10, 10);
floor = new THREE.Mesh(floorGeometry, floorMaterial);
floor.geometry.needsUpdate = true;
const sizeOfMarker = floor.geometry.boundingBox.clone();
floor.position.y = -10;
floor.rotation.x = -Math.PI / 2;
scene.add(floor);![Screenshot from 2021-02-25 18-29-53|690x388](upload://fO85nO6wkyeHZCg88XSilbinXRW.png) ![Screenshot from 2021-02-25 18-29-36|690x388](upload://xrMMQfp2qhJHQHTFRnartKGSNA9.png) ![Screenshot from 2021-02-25 18-29-23|690x388](upload://wQ9ZGQeE7mxjz7P8b0QSaRLvGO6.png)

Just a note - please keep in mind three Cache is an in-memory cache - ie. all the assets you load are kept in memory, preventing them from ever being garbage collected. That’s probably very much not what you’d like - what you are looking for is probably just request caching and that is usually handled natively by the browser (without leaking the memory.)