Signature_pad: IE11 सिंटैक्स त्रुटि

मुझे नहीं पता कि एंगुलर 6 बिल्ड प्रक्रिया कैसी दिखती है, लेकिन आपको इसे उसी बैबेल कॉन्फिगरेशन का उपयोग करके संकलित करना चाहिए जिसका उपयोग आप अपना कोड संकलित करने के लिए करते हैं।

आप वेबपैक resolve.alias सुविधा (परीक्षण नहीं किया गया) का भी उपयोग कर सकते हैं, जिससे आपको इसके बजाय पहले से संकलित संस्करण को लोड करने की अनुमति मिलनी चाहिए:

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

आपके त्वरित जवाब के लिए धन्यवाद।
मुझे इसे एक मौका और देना होगा। यदि आपका विचार काम नहीं कर रहा है, तो मैं एक बेबेल पॉलीफ़िल भी आज़माऊँगा। मैंने पहले कभी इसका इस्तेमाल नहीं किया।

इस तरह आयात करने का प्रयास करें:
से बदलें:
import SignaturePad from 'signature_pad';
प्रति:
import * as SignaturePad from 'signature_pad/dist/signature_pad';

फ़ंक्शन डाउनलोड (डेटायूआरएल, फ़ाइल नाम) {
अगर (navigator.userAgent.indexOf("Safari") > -1 && navigator.userAgent.indexOf("Chrome") === -1) {
window.open(dataURL);
}
### // app.js पर नीचे दिए गए स्टेटमेंट को जोड़ें - यह काम करता है क्योंकि अन्य दो IE 11 पर समर्थित नहीं हैं
और अगर (window.navigator && window.navigator.msSaveOrOpenBlob) {var blobwin = dataURLToBlob (dataURL);window.navigator.msSaveOrOpenBlob(blobwin, filename);}
अन्य {
वर बूँद = dataURLToBlob (dataURL);
वर 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 के कामकाज ने मेरे लिए काम किया। हालांकि, यह ध्यान देने योग्य है कि वेबपैक में mainFields नामक एक फ़ील्ड है जो डिफ़ॉल्ट रूप से ['browser', 'module', 'main'] है। ये प्राथमिकता क्रम में हैं, और सिग्नेचर_पैड में package.json में browser शामिल नहीं है, इसलिए मॉड्यूल उठाया जाता है। यह .m.js फ़ाइल में मैप करता है, जिसमें ES6 सिंटैक्स जैसे वर्ग शामिल है - जो IE11 का समर्थन नहीं करता है।

@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!
    }
  }
};

और लारवेल-मिक्स के साथ:

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

मुझे नहीं पता कि एंगुलर 6 बिल्ड प्रक्रिया कैसी दिखती है, लेकिन आपको इसे उसी बैबेल कॉन्फिगरेशन का उपयोग करके संकलित करना चाहिए जिसका उपयोग आप अपना कोड संकलित करने के लिए करते हैं।

आप वेबपैक resolve.alias सुविधा (परीक्षण नहीं किया गया) का भी उपयोग कर सकते हैं, जिससे आपको इसके बजाय पहले से संकलित संस्करण को लोड करने की अनुमति मिलनी चाहिए:

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

class कीवर्ड के कारण v3.0.0-beta.4 संकलित संस्करण IE11 का समर्थन नहीं करता है।