若依 / ruoyi-ui：执行yarn dev 报错 esnext.set.difference.v2.js in ./src/utils/index.js

news2024/10/5 14:58:10

一、报错信息

These dependencies were not found:

* core-js/modules/esnext.set.difference.v2.js in ./src/utils/index.js
* core-js/modules/esnext.set.intersection.v2.js in ./src/utils/index.js
* core-js/modules/esnext.set.is-disjoint-from.v2.js in ./src/utils/index.js
* core-js/modules/esnext.set.is-subset-of.v2.js in ./src/utils/index.js
* core-js/modules/esnext.set.is-superset-of.v2.js in ./src/utils/index.js
* core-js/modules/esnext.set.symmetric-difference.v2.js in ./src/utils/index.js
* core-js/modules/esnext.set.union.v2.js in ./src/utils/index.js

二、问题分析

这个报错信息表明在你的项目中的 src/utils/index.js 文件试图引入 core-js/modules/esnext.set.difference.v2.js 模块，但是这个模块在你的项目依赖中没有找到。

三、解决问题

1、删除 node_modules
2、执行 yarn add core-js
3、执行 yarn
4、执行 yarn dev
5、验证启动成功了

四、core-js的作用

core-js 是一个广泛使用的 JavaScript 标准库，它包含了模块化的标准库和提案的垫片（polyfills），旨在让现代 JavaScript 代码能够运行在不支持这些特性的旧版 JavaScript 环境中。core-js 的主要作用可以总结为以下几点：

4.1、提供现代 JavaScript 特性：随着 ECMAScript 标准的不断更新，新的语法和 API 不断被引入。然而，并非所有环境（尤其是旧版浏览器）都支持这些新特性。core-js 通过提供这些新特性的垫片（polyfills），使得开发者可以在不支持这些特性的环境中使用它们。

4.2、模块化：core-js 的设计是模块化的，这意味着你可以根据需要只引入你需要的部分，而不是整个库。这有助于减少最终打包文件的大小，提高加载速度。

4.3、提高兼容性：通过使用 core-js，开发者可以编写使用最新 JavaScript 特性的代码，而不必担心这些代码在旧版浏览器上无法运行。这大大提高了代码的兼容性和可维护性。

4.4、促进现代 JavaScript 生态系统的发展：由于 core-js 提供了许多现代 JavaScript 特性的垫片，这使得基于这些特性的库和框架（如 Babel、Webpack、Vue、React 等）能够更广泛地应用于各种环境，从而促进了整个 JavaScript 生态系统的发展。

4.5、简化开发和部署流程：通过使用 core-js，开发者可以更加专注于业务逻辑的实现，而不必花费大量时间处理兼容性问题。同时，core-js 的模块化设计也使得在构建和部署过程中更容易地进行代码分割和懒加载，进一步提高应用性能。

core-js 是一个强大的工具，它帮助开发者在现代 JavaScript 生态系统中更加高效地编写和部署代码，同时确保这些代码能够在各种环境中稳定运行。

----AI问答