title: Three.js GLSL shader couldn't compile
body: <p>I'm getting a compile error: <code>THREE.WebGLShader: Shader couldn't compile.</code></p>
  
  <p>I tried to insert some shaders grabbed from shaderfrog.com but they don't seem to compile.</p>
  
  <p>I've used an example file and added my new vertex shader and fragment shader in to the dom.</p>
  
  <pre class="lang-js prettyprint-override"><code>&lt;script id="vertexShader_new" type="x-shader/x-vertex"&gt;
    . . .
  &lt;/script&gt;
  </code></pre>
  
  <pre class="lang-js prettyprint-override"><code>material = new THREE.ShaderMaterial({
      uniforms: uniforms,
      vertexShader: document.getElementById('vertexShader_new').textContent,
      fragmentShader: document.getElementById('fragmentShader_new').textContent
  });
  </code></pre>
  
  <p>I've changed the id's back to <code>vertexShader</code> and <code>fragmentShader</code> in the demo to show that the rest of the code is working with a simpler shader.</p>
  
  <p><a href="https://codesandbox.io/s/practical-kepler-3pdps?fontsize=14" rel="nofollow noreferrer"><img src="https://codesandbox.io/static/img/play-codesandbox.svg" alt="Edit practical-kepler-3pdps"></a></p>
  
  <p>What's wrong with the shader?
  Link with the shader: <a href="https://shaderfrog.com/app/view/292" rel="nofollow noreferrer">Molten Noise shader</a></p>