首页 > 解决方案 > 为什么 Edge 将每个模块/组件作为 http 请求获取?

问题描述

我们有一个使用 React 构建并与 Webpack 捆绑的 SPA。服务器只有 index.html 和 javascript 包文件。

行为 Chrome/Firefox/Opera

  1. 加载 index.html
  2. 获取捆绑包
  3. 引导反应页面 Chrome 开发者工具截图

行为边缘

  1. 加载 index.html
  2. 获取捆绑包
  3. 引导反应页面
  4. 开始使用 http 请求将每个模块和组件作为独立文件加载(它们甚至不在服务器上,响应是 index.html) Edge DevTools 截图

捆绑包没有此信息,此信息必须从源映射中获取。但是为什么 Edge 会这样做呢?

标签: reactjswebpackmicrosoft-edgenode-modules

解决方案


这类似于 SAP 应用程序,那些 JavaScript 库有自己的逻辑来预加载源代码以优化性能/网络请求。这是 Edge 浏览器的 React 库的兼容性问题。

下一个版本的 Edge 浏览器没有这个问题。也许你想试试这个:https ://www.microsoftedgeinsider.com/en-us/


推荐阅读