Three.js: Internet Explorer의 Function.prototype.name 버그

문제에 대한 설명

Aurelia-CLI 프로젝트에서 THREE를 사용하고 있습니다. 이는 모듈과 RequireJS를 사용하여로드되었음을 의미합니다. Internet Explorer (IE 11에서 테스트 됨)를 제외하고는 모두 잘 작동합니다.

중단되는 코드는 /build/three.js 파일의 다음 (맨 위의 polyfill 섹션 42-57 행)입니다.

if ( Function.prototype.name === undefined ) {

  // Missing in IE
  // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name

  Object.defineProperty( Function.prototype, 'name', {

    get: function () {

      return this.toString().match( /^\s*function\s*([^\(\s]*)/ )[ 1 ];

    }

  } );

}

can't redefine non-configurable property "name" 오류를 반환합니다.

이 게시물에 따라 위의 코드를 다음과 같이 바꾸려고했습니다.

if (!(function f() {}).name) {
  Object.defineProperty(Function.prototype, 'name', {
    get: function() {
      var name = (this.toString().match(/^function\s*([^\s(]+)/) || [])[1];
      // For better performance only parse once, and then cache the
      // result through a new accessor for repeated access.
      Object.defineProperty(this, 'name', { value: name });
      return name;
    }
  });
}

그리고 그것은 문제를 해결합니다!

=> 현재 /build/three.js에서 사용되는 polyfill 코드가 잘 작동하지 않는 것 같습니다. 향후 빌드를 위해이 코드를 대체 할 수 있습니까?

Three.js 버전

• [] 개발자
• [x] r87
• [] ...

브라우저

• [] 모두
• [] 크롬
• [] Firefox
• [x] Internet Explorer

OS

• [] 모두
• [] Windows
• [x] macOS
• [] Linux
• [] Android
• [] iOS