SPFX 1.7.1 не работает на IE11 - PullRequest
Новая
       9

SPFX 1.7.1 не работает на IE11

0 голосов
/ 29 января 2019

Я создал новую веб-часть SharePoint (версия 1.7.1).Я использую шаблон реагирования.Веб-часть очень проста, но не работает в IE 11.

Возвращенная ошибка: Object не поддерживает свойство или метод 'find'

Я не использую find влюбой из моих файлов .ts, поэтому я обнаружил, что метод .find вызывается файлами .js, которые были перенесены из моих файлов .ts.

Кто-нибудь может подтвердить, что это ошибка в SPFX v1.7.1?Если да, то есть ли решение.

Я знаю, что это можно исправить, введя прокладку, но я не знаю, как настроить это для SPFX, и не могу найти документацию, объясняющую, как это сделать..

Любая помощь приветствуется.

Ответы [ 4 ]

0 голосов
/ 10 мая 2019

У меня была такая же проблема.Используйте этот импорт в вашем файле webpart.ts.

import 'core-js/modules/es6.array.find';
0 голосов
/ 30 января 2019

Ссылаясь на этой статьи , мы видим, что метод Array.prototype.find () не поддерживает браузер IE.Но этот метод был добавлен в спецификацию ECMAScript 2015 и может быть доступен не во всех реализациях JavaScript.Однако вы можете заполнить Array.prototype.find следующим фрагментом кода: 

// https://tc39.github.io/ecma262/#sec-array.prototype.find
if (!Array.prototype.find) {
  Object.defineProperty(Array.prototype, 'find', {
    value: function(predicate) {
     // 1. Let O be ? ToObject(this value).
      if (this == null) {
        throw new TypeError('"this" is null or not defined');
      }

      var o = Object(this);

      // 2. Let len be ? ToLength(? Get(O, "length")).
      var len = o.length >>> 0;

      // 3. If IsCallable(predicate) is false, throw a TypeError exception.
      if (typeof predicate !== 'function') {
        throw new TypeError('predicate must be a function');
      }

      // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.
      var thisArg = arguments[1];

      // 5. Let k be 0.
      var k = 0;

      // 6. Repeat, while k < len
      while (k < len) {
        // a. Let Pk be ! ToString(k).
        // b. Let kValue be ? Get(O, Pk).
        // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).
        // d. If testResult is true, return kValue.
        var kValue = o[k];
        if (predicate.call(thisArg, kValue, k, o)) {
          return kValue;
        }
        // e. Increase k by 1.
        k++;
      }

      // 7. Return undefined.
      return undefined;
    },
    configurable: true,
    writable: true
  });
}

Кроме того, насколько я знаю, когда мы используем React , по умолчанию генерируется реагирующий проект.поддерживает все современные браузеры.Для поддержки Internet Explorer 9, 10 и 11 требуется polyfills .Вы можете проверить это и импортировать связанные пакеты.

0 голосов
/ 27 марта 2019

Вы можете настроить свой файл tsconfig.json: установите «target» в «es5» в «compilerOptions».Typescript создаст для вас полифилы.

0 голосов
/ 29 января 2019

Если я правильно помню, это потому, что IE 11 не поддерживает Element.closest , который используется движком React.

Я лично использовал element-ближайший для его заполнения, хотя я уверен, что существуют другие варианты. 

// beginning of WebPart code file
import 'element-closest/browser';

import * as React from 'react';
import * as ReactDom from 'react-dom';
// rest of the code, etc.
...