Three.js and loading a cross-domain image

Question

I know this has been asked before, and I\'ve read ever question and answer I\'ve been able to find, but nothing works.

I\'m running this on a local server (IIS). I\'

Answer 1

A screencapture of the error

VM266 three.min.js:127 THREE.WebGLState: DOMException: Failed to execute 'texImage2D' on 'WebGLRenderingContext': The image element contains cross-origin data, and may not be loaded.
    at Object.texImage2D (https://unpkg.com/three@0.86.0/build/three.min.js:127:99)
    at dg.r [as setTexture2D] (https://unpkg.com/three@0.86.0/build/three.min.js:103:189)

Just met the same issue while working on my codepen demo: https://codepen.io/fritx/project/editor/AoLRoy

Solved by upgrading three.js from 0.86 to >=0.87

- 
+