使用babel-polyfill设置ie兼容性时报错‘mutationObserver’未定义

`MutationObserver` 是一个现代浏览器中用于观察DOM节点更改的API，但在较旧版本的Internet Explorer（IE8及更早版本）中并未内置。当你在不支持这个API的浏览器上尝试使用 `babel-polyfill`（一个Babel提供的polyfill库，旨在为新的JavaScript特性提供回退解决方案）引入它时，可能会遇到“`mutationObserver`未定义”的错误。

`babel-polyfill` 并不能自动地为所有不支持的特性添加 polyfill，特别是那些依赖浏览器原生API的。对于像 `MutationObserver` 这样的高级功能，你需要单独处理。解决这个问题通常有以下几种步骤：

1. **检查兼容性**: 确定你的应用需要在哪些旧版IE中运行，因为从IE9开始才部分支持 `MutationObserver`。

2. **选择适当的polyfill**: 有些库如 `es6-shim`, `mobx-react-lite/polyfill` 或者专门针对 `MutationObserver` 的 `mutationobserver-shim` 可能能满足需求。

3. **添加polyfill到入口文件**：在你的项目入口文件（例如index.js或main.js）里，导入并使用相应的polyfill库，通常是作为模块导入并在适当的时候初始化。

4. **编写条件判断**：如果确定某个特定的API确实不可用，可以在使用前做检查并提供备选方案或者向用户显示兼容性提示。

// 如果在IE中
if (typeof window.MutationObserver === 'undefined') {
  // 引入 mutationobserver-shim 或其他polyfill
  require('mutationobserver-shim');
}

const observer = new MutationObserver(callback);