Babel 不转换 fetch api 代码
Babel doesn't convert fetch api code
fetch api 确实很有用,但遗憾的是它不适用于大多数浏览器,尤其是 Internet Explorer。我尝试使用 babel 将我的代码从 es6 转换为 es5,但它并没有解决这个问题。转成es5的时候还是包含fetch的。我怎样才能解决这个问题。
这是 es6 代码:
var btnText = document.getElementById('btnText');
var btnJson = document.getElementById('btnJson');
btnText.addEventListener("click",fetchBtnText);
function fetchBtnText() {
fetch("sample.txt")
.then((response) => response.text())
.then((data) => console.log(data))
}
这里是 es5 的转换
'use strict';
var btnText = document.getElementById('btnText');
var btnJson = document.getElementById('btnJson');
btnText.addEventListener("click", fetchBtnText);
function fetchBtnText() {
fetch("sample.txt").then(function (response) {
return response.text();
}).then(function (data) {
return console.log(data);
});
}
你可以像这样使用 polyfill
https://github.com/github/fetch
fetch api 确实很有用,但遗憾的是它不适用于大多数浏览器,尤其是 Internet Explorer。我尝试使用 babel 将我的代码从 es6 转换为 es5,但它并没有解决这个问题。转成es5的时候还是包含fetch的。我怎样才能解决这个问题。 这是 es6 代码:
var btnText = document.getElementById('btnText');
var btnJson = document.getElementById('btnJson');
btnText.addEventListener("click",fetchBtnText);
function fetchBtnText() {
fetch("sample.txt")
.then((response) => response.text())
.then((data) => console.log(data))
}
这里是 es5 的转换
'use strict';
var btnText = document.getElementById('btnText');
var btnJson = document.getElementById('btnJson');
btnText.addEventListener("click", fetchBtnText);
function fetchBtnText() {
fetch("sample.txt").then(function (response) {
return response.text();
}).then(function (data) {
return console.log(data);
});
}
你可以像这样使用 polyfill https://github.com/github/fetch