vue項(xiàng)目啟動后,js-base64依賴報(bào)錯Cannot read properties of null(reading ‘replace’)問題

更新時間：2024年05月16日 10:40:30 作者：第7個前端

這篇文章主要介紹了vue項(xiàng)目啟動后,js-base64依賴報(bào)錯Cannot read properties of null(reading ‘replace’)問題,

vue項(xiàng)目啟動后,js-base64依賴報(bào)錯

vue項(xiàng)目啟動后,js-base64依賴報(bào)錯Cannot read properties of null(reading‘replace’)

cannot read properties of null （reading ‘replace’）

關(guān)于這種亂七八糟的問題，咱也不敢說，在哪也不敢問，

項(xiàng)目運(yùn)行之后，有一些警告，都是一些依賴版本的問題，平時也能直接給運(yùn)行起來，這次就是項(xiàng)目可以運(yùn)行起來，但是瀏覽器不能顯示的問題；

大概的操作就是，我把window10升級了，然后我的項(xiàng)目就這樣子了。

可憐……………………………………

找了N種方式，比如node的版本，webapck的版本，npm，……反正又把環(huán)境給裝了一遍，還是不行；

最終解決辦法

降低依賴的版本，本來吧，這個js-base64版本是3.7.1 ，然后我給降低到了2.6.1，然后就好了

所以一個項(xiàng)目能跑著就行，別想著去改變它；

類似的，如果出現(xiàn)這種問題，先把依賴給還原了，降低版本。

vue使用js-base64然后打包出現(xiàn)報(bào)錯

問題

在 vue 里面使用 js-base64 這個插件時，打包報(bào)錯：

解決方案

在 vue.config.js 文件里添加 transpiledependencies 的配置 https://cli.vuejs.org/zh/config/#transpiledependencies

我們看一下 js-base64 的源碼，js-base64 需要 Babel 顯示轉(zhuǎn)譯

module.exports = {
  transpileDependencies: [
    'js-base64'
  ],
}

注意：不能使用 cnpm，不然 transpileDependencies 配置不會生效。

如果在 Linux 下執(zhí)行 npm install，出現(xiàn)權(quán)限問題

可以執(zhí)行 npm install --unsafe -perm

最后，運(yùn)行 npm run build，發(fā)現(xiàn)沒有報(bào)錯，搞定下班。

總結(jié)

以上為個人經(jīng)驗(yàn)，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

vue init webpack 項(xiàng)目初始化失敗問題
在使用Vue-cli搭建項(xiàng)目時,可能會遇到依賴無法顯示版本號的問題,首先檢查環(huán)境變量配置是否正確,確保vue-init的安裝目錄被正確添加到path中,若問題仍未解決,嘗試卸載并重新安裝webpack,確保在正確的項(xiàng)目路徑下執(zhí)行npm install和npm run dev命令
2024-09-09
vue生命周期實(shí)例小結(jié)
這篇文章主要介紹了vue生命周期,結(jié)合實(shí)例形式分析了vue.js生命周期相關(guān)原理、步驟、函數(shù)與操作注意事項(xiàng),需要的朋友可以參考下
2018-08-08
vue實(shí)現(xiàn)瀑布流組件滑動加載更多
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)瀑布流組件滑動加載更多，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-03-03
vue如何給頁面增加url前綴
這篇文章主要介紹了vue如何給頁面增加url前綴問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-12-12
vue 中引用gojs繪制E-R圖的方法示例
這篇文章主要介紹了vue 中引用gojs繪制E-R圖的方法示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-08-08
使用vue實(shí)現(xiàn)猜謎卡片游戲
這篇文章主要為大家詳細(xì)介紹了如何使用vue實(shí)現(xiàn)簡單的猜謎卡片游戲,文中的示例代碼講解詳細(xì),具有一定的學(xué)習(xí)價值,感興趣的小伙伴可以參考一下
2023-09-09
Vue3響應(yīng)式方案及ref?reactive的區(qū)別詳解
眾所周知ref和reactive都是用來作響應(yīng)式數(shù)據(jù),下面這篇文章主要給大家介紹了關(guān)于Vue3響應(yīng)式方案及ref?reactive區(qū)別的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-12-12
vue 防止頁面加載時看到花括號的解決操作
這篇文章主要介紹了vue 防止頁面加載時看到花括號的解決操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2020-11-11
vue開發(fā)中關(guān)于axios的封裝過程
這篇文章主要介紹了vue開發(fā)中關(guān)于axios的封裝過程，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-08-08
vue使用原生js創(chuàng)建元素樣式不生效問題及解決
這篇文章主要介紹了vue使用原生js創(chuàng)建元素樣式不生效問題及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2023-06-06