L'uso di `window.location.hash.includes` genera“ L'oggetto non supporta la proprietà o il metodo 'include' ”in IE11

Sto controllando l'URL per vedere se contiene o include un ?in esso per controllare lo stato pop hash nella finestra. Tutti gli altri browser non hanno problemi, solo IE.

Il debugger mi dà questo errore quando provo a caricare in questo modo:

L'oggetto non supporta proprietà o metodi ' includes'

Non ottengo alcun errore quando carico la pagina attraverso il popstate.

    $(document).ready(function(e) {
        if(window.location.hash) {
            var hash;
            if(window.location.hash.includes("?")) {
                alert('I have a ?');
                hash = window.location.hash.substring(window.location.hash.indexOf('#') + 0,window.location.hash.indexOf('?'));
            }else {
                hash = window.location.hash;
            };
            if (hash=="#DRS" || hash=="#DRP" || hash=="#DFFI" || hash=="#DCI" || hash=="#DCP" || hash=="#DRP" || hash=="#DRMA" || hash=="#EICS" || hash=="#ORG"){
                $(hash+'Content').addClass('pageOn').removeClass('pageOff');
            }else {
                $('#homeContent').addClass('pageOn').removeClass('pageOff');
            };
        } else {
            $('#homeContent').addClass('pageOn').removeClass('pageOff');
        }
        $(window).on('popstate', function() {
            var hash;
            if(window.location.hash.includes("?")) {
                hash = window.location.hash.substring(window.location.hash.indexOf('#') + 0,window.location.hash.indexOf('?'));
            }else {
                hash = window.location.hash;
            };
            if (hash=="#DRS" || hash=="#DRP" || hash=="#DFFI" || hash=="#DCI" || hash=="#DCP" || hash=="#DRP" || hash=="#DRMA" || hash=="#EICS" || hash=="#ORG"){
                $(this).navigate({target: $(hash+'Content')});
                if(window.location.hash.includes("?")) {
                }else{
                    location.href = location.href+'?';
                }
            }else {
                $(this).navigate({target: $('#homeContent')});
            };
        });
});

Secondo la pagina di riferimento MDN , includesnon è supportato su Internet Explorer. L'alternativa più semplice è usare indexOf, in questo modo:

if(window.location.hash.indexOf("?") >= 0) {
    ...
}

Internet Explorer 11 implementa String.prototype.includes, quindi perché non utilizzare Polyfill ufficiale?

  if (!String.prototype.includes) {
    String.prototype.includes = function(search, start) {
      if (typeof start !== 'number') {
        start = 0;
      }

      if (start + search.length > this.length) {
        return false;
      } else {
        return this.indexOf(search, start) !== -1;
      }
    };
  }

Fonte: fonte polyfill

Aggiungendo import 'core-js/es7/array';al mio polyfill.tsrisolto il problema per me.

Ho avuto un problema simile con un progetto angolare. Nel mio polyfills.ts ho dovuto aggiungere entrambi:

    import "core-js/es7/array";
    import "core-js/es7/object";

Oltre ad abilitare tutte le altre impostazioni predefinite di IE 11. (Vedi commenti in polyfills.ts se si utilizza angolare)

Dopo aver aggiunto queste importazioni, l'errore è scomparso e i miei dati Oggetto sono stati compilati come previsto.

Come in Internet Explorer, il metodo javascript "include" non supporta ciò che porta all'errore come di seguito

dijit.form.FilteringSelect TypeError: l'oggetto non supporta la proprietà o il metodo 'Includes'

Quindi ho modificato il metodo della stringa JavaScript da "include" a "indexOf" come di seguito

//str1 doesn't match str2 w.r.t index, so it will try to add object
var str1="acd", str2="b";
if(str1.indexOf(str2) == -1) 
{
  alert("add object");
}
else 
{
 alert("object not added");
}

L'ho usato includesda Lodashcui è molto simile al nativo.

Sto usando ReactJs e usato import 'core-js/es6/string';all'inizio index.jsper risolvere il mio problema.

Sto anche usando import 'react-app-polyfill/ie11';per supportare l'esecuzione di React in IE11.

reagiscono-app-polyfill

Questo pacchetto include polyfill per vari browser. Include i requisiti minimi e le funzionalità linguistiche di uso comune utilizzate dai progetti Crea app React.

https://github.com/facebook/create-react-app/blob/master/packages/react-app-polyfill/README.md

Questa domanda e le sue risposte mi hanno portato alla mia soluzione (con l'aiuto di SO), anche se alcuni dicono che non dovresti manomettere i prototipi nativi:

  // IE does not support .includes() so I'm making my own:
  String.prototype.doesInclude=function(needle){
    return this.substring(needle) != -1;
  }

Quindi ho sostituito tutto .includes()con .doesInclude()e il mio problema è stato risolto.