react ie fetch Unhandled Promise Reject TypeError: Network request failed答案

【问题标题】：react ie fetch Unhandled promise rejection TypeError: Network request failedreact ie fetch Unhandled Promise Reject TypeError: Network request failed
【发布时间】：2019-10-02 18:13:49
【问题描述】：

我不能让反应支持即浏览器控制台显示未处理的承诺拒绝类型错误：网络请求失败

我使用 react 创建我的应用程序，该应用程序没有浏览器，我尝试解决问题，我尝试导入 whatwg-fetch，我失败了。我不知道如何解决浏览器问题。

import "whatwg-fetch";
import "@babel/polyfill";
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './components/App/App';

ReactDOM.render(<App />, document.getElementById('root'));

我希望你能帮助我。

【问题讨论】：

您能否提供有关请求的更多详细信息，您是否尝试在邮递员等外部工具中对其进行测试。

标签： reactjs internet-explorer fetch babeljs

【解决方案1】：

如果您的意思是您的应用在其他浏览器上运行，但它仅在 IE 浏览器中显示上述错误并且应用未加载，则可能是您没有为 IE 浏览器添加正确的 polyfill。

默认情况下，生成的项目支持所有现代浏览器。对 Internet Explorer 9、10 和 11 的支持需要 polyfill。对于一组支持旧版浏览器的 polyfill，use react-app-polyfill.

你没有提到你使用哪个版本的IE浏览器来做这个测试。我假设您使用的是 IE 11。

首先，使用 Yarn 或 npm 安装包：

npm install react-app-polyfill

//or

yarn add react-app-polyfill

对于 IE11：

// These must be the first lines in src/index.js
import 'react-app-polyfill/ie11';
import 'react-app-polyfill/stable';

// ...

同时尝试在您的 HTML 文件中添加以下行。

<meta http-equiv="X-UA-Compatible" content="IE=edge">

【讨论】：

您的问题解决了吗？如果是，请将有用的建议标记为答案。如果您自己找到解决方案，请发布解决方案并将其标记为答案。如果您的问题仍然存在，请让我们知道问题的当前状态。我们将努力提供进一步的建议。感谢您的理解。