React应用部署Windows Server IIS后无法在IE11加载求助

• 补充IE11必需的Polyfill
  IE11对现代JavaScript特性支持不足，这是导致运行时错误的常见原因：

  1. 安装core-js：npm install core-js@3
  2. 在项目入口文件src/index.js顶部添加：

     import 'core-js/stable';
     import 'regenerator-runtime/runtime';
     

  3. 检查package.json中的browserslist配置，确保包含IE11：

     "browserslist": {
       "production": [
         ">0.2%",
         "not dead",
         "not op_mini all",
         "ie 11"
       ],
       "development": [
         "last 1 chrome version",
         "last 1 firefox version",
         "last 1 safari version",
         "ie 11"
       ]
     }
     

• 调整IIS静态资源缓存策略
  浏览器缓存旧的chunk文件可能导致加载失败，需针对性配置：

  1. 打开IIS站点的HTTP响应头设置
  2. 对带哈希值的静态资源（如*.js、*.css、*.png）设置：Cache-Control: public, max-age=31536000, immutable（哈希文件名更新后浏览器会自动拉取新文件）
  3. 对index.html设置：Cache-Control: no-cache，避免入口文件被缓存

• 检查Babel兼容性配置（若自定义过）
  如果项目eject或使用了自定义Babel配置，确保@babel/preset-env针对IE11优化：

  {
    "presets": [
      ["@babel/preset-env", {
        "targets": { "ie": "11" },
        "useBuiltIns": "usage",
        "corejs": 3
      }],
      "@babel/preset-react"
    ]
  }
  

• 排查第三方依赖兼容性
  部分依赖库可能未做IE11兼容处理，从你的依赖列表来看，需确认axios、antd等库的IE11支持情况：

  • 若使用antd，需确保引入了官方提供的IE兼容样式
  • 若发现某依赖不兼容，可替换为兼容库或为其添加额外polyfill

• 强制IE11使用最新渲染模式
  在public/index.html的<head>中添加meta标签，避免IE进入兼容性视图：

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

内容的提问来源于stack exchange，提问作者Manish