企业版IE与Chrome使用dcc组件时出现“Error loading dependencies”错误

嘿，这个问题我之前帮同事排查过，咱们一步步来搞定它：

问题根源 #

你遇到的报错其实已经把原因说得很明白了：

• 旧版本浏览器（IE11、Chrome51）原生不支持ES6的TypedArray类型（比如Uint8Array），而你的项目里dcc组件依赖的buffer包是v5.x版本，这个版本完全依赖这些新特性，所以加载时直接触发报错。
• 至于打开IE开发者工具就恢复正常？这是IE11的一个小坑——默认状态下它会禁用部分ES6特性来节省资源，打开开发者工具时会强制启用完整的JS引擎特性，包括TypedArray支持，所以组件能正常运行，但这只是临时的，用户正常使用时肯定不会开着调试工具。

具体解决方案 #

方案1：降级buffer到兼容旧浏览器的版本 #

这是最直接的办法，buffer v4.x版本专门做了旧浏览器兼容，不依赖Uint8Array：

1. 打开项目的package.json文件，找到buffer的依赖项，把版本改成^4.9.2（这是v4.x的稳定版）。
2. 重新安装依赖：

   npm install
   # 用yarn的话就执行
   yarn install
   

3. 重新构建项目后，在IE11和Chrome51里测试，dcc组件应该就能正常加载了。

方案2：给旧浏览器添加Polyfill #

如果不想降级buffer，可以给旧浏览器补全缺失的TypedArray支持：

1. 在项目的入口JS文件（比如index.js）最顶部，先引入Uint8Array的polyfill：

   // 用core-js的写法
   import 'core-js/es/typed-array/uint8-array';
   // 或者用@babel/polyfill（注意Babel 7.4+更推荐用core-js）
   // import '@babel/polyfill';
   

2. 确保你的Babel配置已经针对旧浏览器做了适配，比如在babel.config.json里：

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

3. 重新构建项目，旧浏览器就能识别Uint8Array了。

方案3：IE11专属配置优化 #

针对IE11，还可以加个额外配置确保它用最新的渲染模式：
在项目的public/index.html文件的<head>里添加：

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

这个标签会强制IE使用最新的可用渲染引擎，避免它切换到老旧的兼容模式。

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