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';

функция загрузки (URL-адрес данных, имя файла) {
if (navigator.userAgent.indexOf("Safari") > -1 && navigator.userAgent.indexOf("Chrome") === -1) {
окно.открыть (URL-адрес данных);
}
### //Добавить оператор ниже в app.js - он работает, так как два других не поддерживаются в IE 11
иначе если (window.navigator && window.navigator.msSaveOrOpenBlob){var blobwin = dataURLToBlob(dataURL);window.navigator.msSaveOrOpenBlob (blobwin, имя файла);}
еще {
var blob = dataURLToBlob(dataURL);
var url = window.URL.createObjectURL(blob);

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 есть поле mainFields , которое по умолчанию равно ['browser', 'module', 'main'] . Они расположены в порядке приоритета, и signal_pad не включает browser в package.json , поэтому модуль подхватывается. Это соответствует файлу .m.js , который включает в себя синтаксис ES6, такой как класс, который не поддерживает IE11.

@szimek Я рекомендую вам обновить package.json, чтобы включить поле браузера в соответствии с рекомендациями npm здесь:
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 не поддерживает IE11 из-за ключевого слова class .