对象不支持 SPFX Web 部件中的属性或方法"包含"

Question

我有spfx web部件1.8.2版本，它在chrome中工作，但在ie11中不工作。一开始我有对象不支持属性或方法'find'错误，然后我添加了以下包

import 'polyfill-array-includes';
import "@pnp/polyfill-ie11";
import "core-js/es6/array";
import "es6-map/implement";
import "core-js/modules/es6.array.find";

然后新错误抛出，因为对象不支持属性或方法'includes'

有什么想法吗？谢谢

Answer 1

引用：https://www.cluemediator.com/object-doesnt-support-property-or-method-includes-in-ie

只需将其放入构造函数中，例如：

if (!Array.prototype.includes) {
Object.defineProperty(Array.prototype, 'includes', {
value: function (searchElement, fromIndex) {
if (this == null) {
throw new TypeError('"this" is null or not defined');
}
// 1. Let O be ? ToObject(this value).
var o = Object(this);
// 2. Let len be ? ToLength(? Get(O, "length")).
var len = o.length >>> 0;
// 3. If len is 0, return false.
if (len === 0) {
return false;
}
// 4. Let n be ? ToInteger(fromIndex).
//    (If fromIndex is undefined, this step produces the value 0.)
var n = fromIndex | 0;
// 5. If n ≥ 0, then
//  a. Let k be n.
// 6. Else n < 0,
//  a. Let k be len + n.
//  b. If k < 0, let k be 0.
var k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);
function sameValueZero(x, y) {
return x === y || (typeof x === 'number' && typeof y === 'number' && isNaN(x) && isNaN(y));
}
// 7. Repeat, while k < len
while (k < len) {
// a. Let elementK be the result of ? Get(O, ! ToString(k)).
// b. If SameValueZero(searchElement, elementK) is true, return true.
if (sameValueZero(o[k], searchElement)) {
return true;
}
// c. Increase k by 1.
k++;
}
// 8. Return false
return false;
},
});
}