以下代码根本不适用于 IE。
fetch("{{{LINK TO API}}}", {
headers: {
"Accept": "application/json",
"Content-Type": "application/json"
}
})
.then(resp => resp.json())
.then(function(json) {
// SET VARIABLES
var seller = json.sellers[Math.floor(Math.random() * Math.floor(json.sellers.length))];
// INSERT COMPANY LOGO
companyLogo.src = json.logo_url;
// INSERT SELLER PROFILES
document.querySelectorAll("[data-seller-profile]").forEach(wrapper => {
var innerHTML = "";
innerHTML += "<img class='hbba-profile-img' src='" + seller.profile_image + "'>";
innerHTML += "<div class='hbba-desc-wrapper'>";
innerHTML += "<span class='hbba-desc-name'>" + seller.name + "</span>";
innerHTML += "<span class='hbba-desc-title'>" + seller.job_title + "</span>";
innerHTML += "</div>";
innerHTML += "<div class='hbba-is-active'></div>";
wrapper.innerHTML = innerHTML;
});
});代码位于 Webpack 环境中，并符合 @babel/preset-env 以及 @babel/polyfill as entry: ["@babel/polyfill", "./src/main.js"],。
编译代码： fetch("https://helpbox-by-avense.se/api/company/1/init-info",{headers:{Accept:"application/json","Content-Type":"application/json"}}).then(function(t){return t.json()}).then(function(t){var n=t.sellers[Math.floor(Math.random()*Math.floor(t.sellers.length))];u.src=t.logo_url,document.querySelectorAll("[data-seller-profile]").forEach(function(t){var e="";e+="<img class='hbba-profile-img' src='"+n.profile_image+"'>",e+="<div class='hbba-desc-wrapper'>",e+="<span class='hbba-desc-name'>"+n.name+"</span>",e+="<span class='hbba-desc-title'>"+n.job_title+"</span>",e+="</div>",e+="<div class='hbba-is-active'></div>",t.innerHTML=e})})
应该改变什么才能让它在 IE 上工作？
你需要一个额外的fetchpolyfill，Babel 不会为你 polyfill，它也不会转译它。
https://github.com/github/fetch
此外，您没有针对您的任何浏览器.babelrc，因此将其更改为
{
"presets": [
[ "@babel/preset-env", {
"targets": {
"browsers": [ "last 1 version", "ie >= 11" ],
"node": "6.10",
"esmodules": true
}
}]
],
"plugins": ["@babel/plugin-proposal-object-rest-spread"]
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句