最近接手一個React項目，在IE下碰到了倆問題

IE11報錯如下：

跟蹤一下之后，發現是一些其他的npm包里面用到了startsWith這個方法，可以自己polyfill一下：

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

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

IE11問題解決后，IE10又出問題了。。。

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

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

其實這個庫里的實現代碼非常少, 可以簡單看下

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

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持VeVb武林網。