Gatsby 盖茨比网站未在IE 11中呈现

Gatsby 盖茨比网站未在IE 11中呈现,gatsby,Gatsby,我已经使用该模板创建了一个新站点,并且升级到了Node.js的最新版本(12.16.1)和Gatsby的最新版本(2.20.1),但是我无法在IE或原始边缘浏览器中呈现该站点。我尝试了很多在网上找到的东西,我也在注入polyfill.js。事实上,我已经尝试将另一个polyfill直接注入到系统中以支持“forEach”,但仍然得到一个空白页,并且出现以下错误: 对象不支持属性或方法“forEach” 有人可以帮忙吗?您可以在package.json中指定浏览器支持: { "browsers

我已经使用该模板创建了一个新站点,并且升级到了Node.js的最新版本(12.16.1)和Gatsby的最新版本(2.20.1),但是我无法在IE或原始边缘浏览器中呈现该站点。我尝试了很多在网上找到的东西,我也在注入polyfill.js。事实上,我已经尝试将另一个polyfill直接注入到系统中以支持“forEach”,但仍然得到一个空白页,并且出现以下错误:

对象不支持属性或方法“forEach”


有人可以帮忙吗?

您可以在package.json中指定浏览器支持:

{
  "browserslist": [
    ">0.2%",
    "not dead",
    "not ie <= 11",
    "not op_mini all"
  ],
}
{
“浏览者”:[
">0.2%",
“没有死”,

“不是ie您可以在package.json中指定浏览器支持:

{
  "browserslist": [
    ">0.2%",
    "not dead",
    "not ie <= 11",
    "not op_mini all"
  ],
}
{
“浏览者”:[
">0.2%",
“没有死”,

“不是ie最后,这与光子无关-我从其他地方合并了一个组件,因此在我自己的用户代码中确实有一个“forEach”。即浏览器工具通过单击错误来显示堆栈跟踪的位置,我必须更改:

document.querySelectorAll(".navbar li").forEach(function (elem) { 
    elem.onclick = function() {
        document.getElementById("topnav").classList.remove("open");
    };
});
进入

var-liElements=document.queryselectoral(“.navbar-li”);
for(设i=0;i

然后一切都很好。希望这能帮助其他人。

最后,这与光子无关-我从其他地方合并了一个组件,因此在我自己的用户代码中确实有一个“forEach”。即浏览器工具通过单击错误来显示堆栈跟踪的位置,我不得不更改:

document.querySelectorAll(".navbar li").forEach(function (elem) { 
    elem.onclick = function() {
        document.getElementById("topnav").classList.remove("open");
    };
});
进入

var-liElements=document.queryselectoral(“.navbar-li”);
for(设i=0;i

然后一切都很好。希望这能帮助其他人。

嗨。我也尝试过这个,但它不起作用:“browserslist”:[>1%,“not dead”,“IE 11”]当然,我也尝试过没有这些。我读到它在开发中不起作用,这很烦人,但不是世界末日——这在Prod中也不起作用(盖茨比构建然后盖茨比服务)或在互联网上生活。顺便说一句,我在一个“正常”的盖茨比网站和一个Docz网站上都得到了这一点-在IE 11中都不起作用,也没有使用原始(预铬)边缘)嗨。我也尝试过这个,但它不起作用:“browserslist”:[“>1%”,“没有死”,“IE 11”]当然,我也尝试过不使用这些功能。我读到它在dev中不起作用,这很烦人,但不是世界末日——这在Prod中(盖茨比构建然后盖茨比服务)或在互联网上都不起作用。顺便说一句,我有一个“正常”功能gatsby站点和Docz站点相同-均未在IE 11中工作,也未使用原始(预铬)边缘)