React項目中碰到的IE問題

gotham 發布于2019-08-26 13:37 / 544人閱讀

摘要：最近接手一個項目，在下碰到了倆問題報錯如下跟蹤一下之后，發現是一些其他的包里面用到了這個方法，可以自己一下不過加的方法畢竟不好，可以通過引入解決，在入口文件中引入問題解決后，又出問題了。。。

最近接手一個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/...

解決辦法可以是在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
}

云服務器 GPU云服務器服務器巡檢碰到的問題 RDLC報表在IE10下的問題服務器的項目亂碼問題怎么部署react項目

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/109192.html

ES6 + Webpack + React + Babel 如何在低版本瀏覽器上愉快的玩耍（上）

摘要：起因某天，某測試說這個頁面在下白屏，也白。。某前端開發吭哧吭哧。。。一上午的時間就過去了，搞定了。第二天，某測試說又白了。。某前端開發吭哧吭哧。。。誰用的，出來我保證削不屎你。原諒我不禁又黑了一把。起因某天，某測試說：這個頁面在 IE8 下白屏，9也白。。某前端開發: 吭哧吭哧。。。一上午的時間就過去了，搞定了。第二天，某測試說：IE 又白了。。某前端開發: 吭哧吭哧。。。誰...

you_De 2019-08-20 11:06 評論0 收藏0
Luy 1.0 ：一個React-like輪子的誕生

摘要：司徒正美的一款了不起的化方案，支持到。行代碼內實現一個胡子大哈實現的作品其實就是的了源碼學習個人文章源碼學習個人文章源碼學習個人文章源碼學習個人文章這幾片文章的作者都是司徒正美，全面的解析和官方的對比。前言在過去的一個多月中，為了能夠更深入的學習，使用React，了解React內部算法，數據結構，我自己，從零開始寫了一個玩具框架。截止今日，終于可以發布第一個版本，因為就在昨天，我...

codecook 2019-08-21 17:05 評論0 收藏0
使用React 應當注意的幾個地方

摘要：都會造成錯誤，注意一定一定嚴格的用，所以我建議直接復制我的。因為用的話他會轉義代碼，寫不寫其實一個樣。不可避免的，構建肯定是要用到的。這個時候一般用的是在外面保存然后里面調用第二個坑更隱蔽。目標人群獻給熟悉基礎的React語法的剛接觸React的同學~ 如果你已經寫過半年以上的React那也不用看了，畢竟我水平并不高 Whats React React 是一個不存在的網絡公司Fac...

高璐 2019-08-19 17:11 評論0 收藏0
瀏覽器兼容（CSS部分）

摘要：對瀏覽器兼容問題，一般分，，兼容，兼容。特別是增加了許多新標簽，低版本瀏覽器會存在不兼容的情況。出現這個問題的原因是之前的瀏覽器都會給標簽一個最小默認的行高的高度。 **我所說的兼容性問題，主要是說IE與幾個主流瀏覽器如firefox，google等。而對IE瀏覽器來說，IE7又是個跨度，因為之前的版本更新甚慢，bug甚多。從IE8開始，IE瀏覽器漸漸遵循標準，到IE9后由于大家都一致...

gityuan 2019-08-29 16:05 評論0 收藏0