最近接手一個(gè)React項(xiàng)目，在IE下碰到了倆問(wèn)題

IE11報(bào)錯(cuò)如下：

跟蹤一下之后，發(fā)現(xiàn)是一些其他的npm包里面用到了startsWith這個(gè)方法，可以自己polyfill一下：

if (!String.prototype.startsWith) { String.prototype.startsWith = function (search, pos) { return this.substr(!pos || pos < 0 ? 0 : +pos, search.length) === search }}

不過(guò)加prototype的方法畢竟不好，可以通過(guò)引入@babel/polyfill解決，在入口文件中引入import '@babel/polyfill';

IE11問(wèn)題解決后，IE10又出問(wèn)題了。。。

犯了stackoverflow和github的很多帖子之后，在這個(gè)帖子里找到，發(fā)現(xiàn)是Object.setPrototypeOf的問(wèn)題，Object.setPrototypeOf說(shuō)是支持了IE9-11, 實(shí)際在源碼里只實(shí)現(xiàn)了11+(https://github.com/paulmillr/es6-shim/blame/master/README.md#L78)

解決辦法可以是在polyfill url后加上excludes=Object.setPrototypeOf, 或者自己實(shí)現(xiàn)Object.setPrototypeOf方法，我這里引入了一個(gè)庫(kù)setprototypeof，然后在入口文件中加上Object.setPrototypeOf = require('setprototypeof');

其實(shí)這個(gè)庫(kù)里的實(shí)現(xiàn)代碼非常少, 可以簡(jiǎn)單看下

'use strict'/* eslint no-proto: 0 */module.exports = Object.setPrototypeOf || ({ __proto__: [] } instanceof Array ? setProtoOf : mixinProperties)function setProtoOf (obj, proto) { obj.__proto__ = proto return obj}function mixinProperties (obj, proto) { for (var prop in proto) { if (!obj.hasOwnProperty(prop)) {  obj[prop] = proto[prop] } } return obj}

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持VeVb武林網(wǎng)。