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

更新時(shí)間：2024年05月16日 10:40:30 作者：第7個(gè)前端

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

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

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

cannot read properties of null （reading ‘replace’）

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

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

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

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

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

最終解決辦法

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

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

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

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

問題

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

解決方案

在 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 配置不會(huì)生效。

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

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

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

總結(jié)

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

您可能感興趣的文章:

相關(guān)文章

Vue3使用dataV報(bào)錯(cuò)問題的解決方法
這篇文章主要為大家詳細(xì)介紹了Vue3中使用dataV報(bào)錯(cuò)問題的解決方法,文中的示例代碼講解詳細(xì),具有一定的學(xué)習(xí)價(jià)值,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
2023-11-11
vue中$refs, $emit, $on, $once, $off的使用詳解
這篇文章主要介紹了vue中$refs, $emit, $on, $once, $off的使用詳解，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2019-05-05
vue3在table里使用elementUI的form表單驗(yàn)證的示例代碼
這篇文章主要介紹了vue3在table里使用elementUI的form表單驗(yàn)證的示例代碼,本文通過示例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2023-12-12
詳解Vue中watch對(duì)象內(nèi)屬性的方法
這篇文章主要介紹了詳解Vue中watch對(duì)象內(nèi)屬性的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2019-02-02
Vite使用unplugin-auto-import實(shí)現(xiàn)vue3中的自動(dòng)導(dǎo)入
本文主要介紹了Vite使用unplugin-auto-import實(shí)現(xiàn)vue3中的自動(dòng)導(dǎo)入,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2024-06-06
vue proxy 的優(yōu)勢(shì)與使用場(chǎng)景實(shí)現(xiàn)
這篇文章主要介紹了vue proxy 的優(yōu)勢(shì)與使用場(chǎng)景實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-06-06
vue2.0 如何在hash模式下實(shí)現(xiàn)微信分享
這篇文章主要介紹了vue2.0 如何在hash模式下實(shí)現(xiàn)微信分享,小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2019-01-01
vue cli3.0結(jié)合echarts3.0與地圖的使用方法示例
這篇文章主要給大家介紹了關(guān)于vue cli3.0結(jié)合echarts3.0與地圖的使用方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用vue具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
2019-03-03
利用vscode編寫vue的簡(jiǎn)單配置詳解
這篇文章主要給大家介紹了利用vscode編寫vue簡(jiǎn)單配置的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面跟著小編一起來學(xué)習(xí)學(xué)習(xí)吧。
2017-06-06
Vue ECharts圖表通用配置詳解
這篇文章主要介紹了Vue ECharts圖表通用配置，Echarts，它是一個(gè)與框架無(wú)關(guān)的 JS 圖表庫(kù)，但是它基于Js，這樣很多框架都能使用它，例如Vue，估計(jì)IONIC也能用
2022-12-12