Signature_pad: IE11 구문 오류

Angular 6 빌드 프로세스가 어떻게 생겼는지 모르겠지만 자신의 코드를 컴파일하는 데 사용하는 것과 동일한 Babel 구성을 사용하여 컴파일해야 합니다.

webpack resolve.alias 기능(테스트되지 않음)을 사용할 수도 있습니다. 이 기능을 사용하면 이미 컴파일된 버전을 대신 로드할 수 있습니다.

module.exports = {
  //...
  resolve: {
    alias: {
      signature_pad: 'signature_pad/dist/signature_pad.js'
    }
  }
};

빠른 응답에 감사드립니다.
시도해 보겠습니다. 아이디어가 작동하지 않으면 babel polyfill도 시도합니다. 나는 그것을 전에 사용하지 않았다.

다음과 같은 방법으로 가져오십시오.
변경:
import SignaturePad from 'signature_pad';
에게:
import * as SignaturePad from 'signature_pad/dist/signature_pad';

함수 다운로드(dataURL, 파일 이름) {
if (navigator.userAgent.indexOf("사파리") > -1 && navigator.userAgent.indexOf("크롬") === -1) {
window.open(dataURL);
}
### //app.js에 아래 문 추가 - IE 11에서는 다른 두 가지가 지원되지 않으므로 작동합니다.
else if(window.navigator && window.navigator.msSaveOrOpenBlob){var blobwin = dataURLToBlob(dataURL);window.navigator.msSaveOrOpenBlob(blobwin, 파일 이름);}
또 다른 {
var blob = dataURLToBlob(dataURL);
var url = window.URL.createObjectURL(블롭);

var a = document.createElement("a");
a.style = "display: none";
a.href = url;
a.download = filename;

document.body.appendChild(a);
a.click();

window.URL.revokeObjectURL(url);

}
}

@sdqwerty 의 해결 방법이 저에게 효과적이었습니다. 그러나 webpack에는 기본적으로 ['browser', 'module', 'main'] 로 설정되는 mainFields 라는 필드가 있다는 점은 주목할 가치가 있습니다. 이것들은 우선 순위에 있으며 signature_pad는 package.json 에 browser 를 포함하지 않으므로 모듈이 선택됩니다. 이것은 IE11이 지원하지 않는 class와 같은 ES6 구문을 포함하는 .m.js 파일에 매핑됩니다.

@szimek 여기에서 npm의 권장 사항에 따라 브라우저 필드를 포함하도록 package.json을 업데이트하는 것이 좋습니다.
https://docs.npmjs.com/files/package.json#browser

그러면 이러한 IE11 문제가 해결됩니다.

이것은 나를 위해 일했습니다.

module.exports = {
  resolve: {
    alias: {
      'signature_pad': 'signature_pad/dist/signature_pad' // <- hier without '.js' at the end!
    }
  }
};

그리고 Laravel-Mix와 함께:

mix.webpackConfig({
    resolve: {
        alias: {
            'signature_pad': 'signature_pad/dist/signature_pad',
        }
    }
});

Angular 6 빌드 프로세스가 어떻게 생겼는지 모르겠지만 자신의 코드를 컴파일하는 데 사용하는 것과 동일한 Babel 구성을 사용하여 컴파일해야 합니다.

webpack resolve.alias 기능(테스트되지 않음)을 사용할 수도 있습니다. 이 기능을 사용하면 이미 컴파일된 버전을 대신 로드할 수 있습니다.

module.exports = {
  //...
  resolve: {
    alias: {
      signature_pad: 'signature_pad/dist/signature_pad.js'
    }
  }
};

v3.0.0-beta.4 컴파일 버전 은 class 키워드로 인해 IE11을 지원하지 않습니다.