在旧浏览器上使用 Fetch 的 ReactJS

2024-05-19

我正在使用 Webpack 和 Babel 实现 React JS。但是,我在让 Fetch 与 IE 11 配合使用时遇到问题。

我的 .babelrc 文件中有以下内容:

{
  "presets" : ["env", "stage-0", "react"]
}

以及我的 webpack.config.js 文件中的以下内容:

var webpack = require('webpack');
var path = require('path');

var DIST_DIR = path.resolve(__dirname, 'dist');
var SRC_DIR = path.resolve(__dirname, 'src');

var config = {
  entry: {
    bundle: [
      'babel-polyfill',
      SRC_DIR + '/app/index.js',
    ]
  },
  output: {
    path: DIST_DIR + '/public/js',
    filename: 'bundle.js'
  },
  module: {
    loaders: [
      {
        test: /\.jsx?$/,
        include: SRC_DIR,
        loader: 'babel-loader'
      }
    ]
  }
};

module.exports = config;

根据我的理解,实现 babel-preset-env、stage-0 和 babel-polyfill 应该允许将 Fetch API 转换为旧浏览器可以理解的内容。我还缺少其他东西吗?


fetch不是 EcmaScript 的一部分,但它是网络平台。巴别塔只是一个compiler编写最新的Javascript。如果你想使用fetch在较旧的浏览器中,您需要像这样的polyfillthis one https://github.com/github/fetch

获取API:阅读更多 https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在旧浏览器上使用 Fetch 的 ReactJS 的相关文章

随机推荐