Việc sử dụng `window.location.hash.includes` ném đối tượng không hỗ trợ thuộc tính hoặc phương thức 'bao gồm' 'trong IE11

Tôi đang kiểm tra URL để xem nó có chứa hoặc bao gồm một ?trong đó để kiểm soát trạng thái băm pop trong cửa sổ. Tất cả các trình duyệt khác không có vấn đề, chỉ có IE.

Trình gỡ lỗi cho tôi lỗi này khi tôi cố tải theo cách này:

Đối tượng không hỗ trợ thuộc tính hoặc phương thức ' includes'

Tôi không gặp lỗi khi tải trang thông qua 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')});
            };
        });
});

Theo trang tham chiếu MDN , includeskhông được hỗ trợ trên Internet Explorer. Cách thay thế đơn giản nhất là sử dụng indexOf, như thế này:

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

IE11 không triển khai String.prototype.includes vậy tại sao không sử dụng Polyfill chính thức?

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

Nguồn: nguồn polyfill

Thêm import 'core-js/es7/array';vào tôi đã polyfill.tskhắc phục vấn đề cho tôi.

Tôi đã có một vấn đề tương tự với một dự án Angular. Trong polyfills.ts của tôi, tôi đã phải thêm cả hai:

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

Ngoài việc cho phép tất cả các mặc định IE 11 khác. (Xem bình luận trong polyfills.ts nếu sử dụng góc)

Sau khi thêm các lần nhập này, lỗi đã biến mất và dữ liệu Đối tượng của tôi được điền như dự định.

Như trong Internet Explorer, phương thức javascript "bao gồm" không hỗ trợ dẫn đến lỗi như dưới đây

dijit.form.FilteringSelect TypeError: Object không hỗ trợ thuộc tính hoặc phương thức 'bao gồm'

Vì vậy, tôi đã thay đổi phương thức chuỗi JavaScript từ "bao gồm" thành "indexOf" như bên dưới

//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");
}

Tôi đã sử dụng includestừ Lodashđó thực sự giống với bản địa.

Tôi đang sử dụng ReactJs và được sử dụng import 'core-js/es6/string';khi bắt đầuindex.js giải quyết vấn đề của mình.

Tôi cũng đang sử dụng import 'react-app-polyfill/ie11';để hỗ trợ chạy React trong IE11.

phản ứng-ứng dụng-polyfill

Gói này bao gồm các polyfill cho các trình duyệt khác nhau. Nó bao gồm các yêu cầu tối thiểu và các tính năng ngôn ngữ thường được sử dụng bởi các dự án Tạo ứng dụng.

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

Câu hỏi này và câu trả lời của nó đã đưa tôi đến giải pháp của riêng tôi (với sự trợ giúp từ SO), mặc dù một số người nói rằng bạn không nên can thiệp vào các nguyên mẫu bản địa:

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

Sau đó, tôi chỉ cần thay thế tất cả .includes()bằng .doesInclude()và vấn đề của tôi đã được giải quyết.