一、報錯信息
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問答
五、歡迎交流指正
六、參考鏈接
To install them, you can run: npm install --save core-js/modules/esnext.set.difference.v2.js core-js-CSDN博客
若依ruoyi-ui執行npm run dev啟動報錯:esnext.set.difference.v2.js in ./src/utils/index.js 處理方案-CSDN博客