一、背景描述
最近項目打包的時候，本地打包沒有問題，且能正常運行，但是一旦通過 CI/CD進(jìn)行自動構(gòu)建和發(fā)布的時候，就會報錯Browserslist: caniuse-lite is outdated. Please run: npx update-browserslist-db@latest，并終止編譯和打包
下圖是本地電腦打包的時候報的錯誤信息，但是最終不影響項目構(gòu)建和打包，可以打包成功。
但是，但是，如果一旦通過 CI/CD進(jìn)行自動構(gòu)建和發(fā)布的時候，就會報錯并結(jié)束打包，最后會導(dǎo)致打包失敗。
二、解決方案
2.1 解決方案一：重新安裝 caniuse-lite、browserslist
在本地電腦上找到項目的node_modules文件夾下面：caniuse-lite、browserslist兩個文件夾。并把caniuse-lite、browserslist這兩個文件夾刪除。
然后運行下面的命令重新安裝caniuse-lite、browserslist。
在本地電腦重新打包項目，測試一下，測試好之后，把 package.json 文件提交到svn服務(wù)器，這樣 jenkins 再次打包的時候就會重新獲取依賴的包。
npm i caniuse-lite browserslist -S
可以參考以下示例圖片：
執(zhí)行完重新安裝的命令，如果出現(xiàn)下圖所示內(nèi)容即表示重新安裝兩個文件成功。
重新安裝后，項目中的 package.json 文件中會出現(xiàn)兩個依賴包，如下圖所示：
2.2 解決方案二：npm update caniuse-lite browserslist
這里提示我們需要npm update，需要注意的是，我們不能直接npm update，因為這會讓我們所有的依賴包全部update,我們需要帶上包名，所以應(yīng)該這樣寫命令：
npm update caniuse-lite browserslist
三、拓展
caniuse-lite、browserslist 的介紹，如果想多學(xué)習(xí)相關(guān)的知識，請參考以下介紹。
browserslist：https://www.npmjs.com/package/browserslist
caniuse-lite：https://www.npmjs.com/package/caniuse-lite文章來源：http://www.zghlxwxcb.cn/news/detail-656989.html
本文完結(jié)！文章來源地址http://www.zghlxwxcb.cn/news/detail-656989.html
到了這里，關(guān)于【前端】vue項目打包Browserslist: caniuse-lite is outdated. Please run: npx update-browserslist-db@latest解決方案的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
