如果你在使用 Babel 编译 ES6 代码时，遇到了如下错误信息：
TypeError: Cannot read property 'assert' of undefined
那么本文将为你指出错误原因，并提供解决方案。
问题原因
出现此错误的原因是你使用的 Babel 版本过高，从 Version 7 开始，Babel 将自己的 polyfill 与 core-js 的 polyfill 整合在一起。这就导致了在旧版 Babel 中使用 import 语句引入第三方库时，会抛出 TypeError 无法读取 assert 属性的错误。
解决方案
有两种解决方案帮助你解决这个问题。
方案一：降级 Babel 版本
一种解决方案是降级你的 Babel 版本到 6.x 或者更早的版本。但这并不是一个很好的解决方案，因为降级版本可能会使你的一些现有代码因 Babel 版本过低而无法编译。
方案二：升级到新版 Babel 并引入相关依赖
另一种更好的解决方案是升级到新版 Babel 并引入相关依赖。这里我们将会告诉你应该如何实现。
升级 Babel
首先，你需要将你的 Babel 升级到 Version 7.x 或者更高。你可以在你的 package.json 文件的 devDependencies 中找到 @babel/core 和 @babel/preset-env 两个依赖，将它们升级到适当版本即可。
引入 polyfill
在旧版 Babel 中，通常可以使用以下方式引入 core-js：
// 在代码中的入口处引入 polyfill
require('core-js/fn/array/from');
require('core-js/fn/object/assign');但是，在 Babel 7 中，你需要在你的项目中安装 core-js 的 polyfill，并且你不能像以前那样在代码的入口处引入 polyfill，而是需要在 webpack 配置文件中的 entry 中添加这个 polyfill，例如：
entry: {
main: ['core-js/fn/promise', './src/main.js']
},这里，我们添加了一个 promise 的 polyfill，并且将其他模块的 import 加入到数组中。
完整的 webpack 配置文件可以像下面这样：
-- -------------------- ---- -------
-------------- - -
------ -
----- ---------------------- ----------------
--
------- -
--------- -------------------
----- ----------------------- -------
--
------- -
------ -
-
----- --------------
-------- ---------------
---- -
------- --------------
-
-
-
-
--这里，我们使用了 babel-loader，孩你需要将你的 webpack 配置文件中的相应依赖更新到适当版本。
现在，问题已经解决了！
总结
在使用 Babel 编译 ES6 代码时出现 TypeError: Cannot read property 'assert' of undefined 错误，是因为使用了过高版本的 Babel。为了解决这个问题，你可以选择降级 Babel 版本或者升级到新版 Babel 并引入正确的依赖。
在升级了 Babel 版本，导入正确的依赖后，你将可以安心地编译你的代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64e86bb7f6b2d6eab33f3dd1