vue項目啟動后,js-base64依賴報錯Cannot read properties of null(reading ‘replace’)問題
vue項目啟動后,js-base64依賴報錯
vue項目啟動后,js-base64依賴報錯Cannot read properties of null(reading‘replace’)
cannot read properties of null （reading ‘replace’）
關(guān)于這種亂七八糟的問題，咱也不敢說，在哪也不敢問，
項目運行之后，有一些警告，都是一些依賴版本的問題，平時也能直接給運行起來，這次就是項目可以運行起來，但是瀏覽器不能顯示的問題；
大概的操作就是，我把window10升級了，然后我的項目就這樣子了。
可憐……………………………………
找了N種方式，比如node的版本，webapck的版本，npm，……反正又把環(huán)境給裝了一遍，還是不行；
最終解決辦法
降低依賴的版本，本來吧，這個js-base64版本是3.7.1 ，然后我給降低到了2.6.1，然后就好了
所以一個項目能跑著就行，別想著去改變它；
類似的，如果出現(xiàn)這種問題，先把依賴給還原了，降低版本。
vue使用js-base64然后打包出現(xiàn)報錯
問題
在 vue 里面使用 js-base64 這個插件時，打包報錯：
解決方案
在 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
最后，運行 npm run build，發(fā)現(xiàn)沒有報錯，搞定下班。
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
- js控制臺報錯Uncaught TypeError: Cannot read properties of undefined (reading ‘a(chǎn)ppendChild‘)的解決
- node.js報錯：Cannot find module ''ejs''的解決辦法
- JavaScript報錯：Uncaught TypeError: Cannot set property ‘X‘ of undefine的解決方案
- 關(guān)于js復(fù)制內(nèi)容到瀏覽器剪貼板報錯：Cannot read properties of undefined (reading ‘writeText‘)的解決方案
- Node.js報錯信息Error:?Cannot?find?module?'XXX'問題及解決
- JavaScript中報錯Cannot?set?properties?of?undefined?(setting?‘1‘)解決方案
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了Vue3中使用dataV報錯問題的解決方法,文中的示例代碼講解詳細(xì),具有一定的學(xué)習(xí)價值,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-11-11
vue中$refs, $emit, $on, $once, $off的使用詳解
這篇文章主要介紹了vue中$refs, $emit, $on, $once, $off的使用詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-05-05
vue3在table里使用elementUI的form表單驗證的示例代碼
這篇文章主要介紹了vue3在table里使用elementUI的form表單驗證的示例代碼,本文通過示例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-12-12
這篇文章主要介紹了詳解Vue中watch對象內(nèi)屬性的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-02-02
Vite使用unplugin-auto-import實現(xiàn)vue3中的自動導(dǎo)入
本文主要介紹了Vite使用unplugin-auto-import實現(xiàn)vue3中的自動導(dǎo)入,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2024-06-06
vue proxy 的優(yōu)勢與使用場景實現(xiàn)
這篇文章主要介紹了vue proxy 的優(yōu)勢與使用場景實現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-06-06
這篇文章主要介紹了vue2.0 如何在hash模式下實現(xiàn)微信分享,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-01-01
vue cli3.0結(jié)合echarts3.0與地圖的使用方法示例
這篇文章主要給大家介紹了關(guān)于vue cli3.0結(jié)合echarts3.0與地圖的使用方法，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用vue具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
這篇文章主要給大家介紹了利用vscode編寫vue簡單配置的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家具有一定的參考學(xué)習(xí)價值，需要的朋友們下面跟著小編一起來學(xué)習(xí)學(xué)習(xí)吧。2017-06-06
這篇文章主要介紹了Vue ECharts圖表通用配置，Echarts，它是一個與框架無關(guān)的 JS 圖表庫，但是它基于Js，這樣很多框架都能使用它，例如Vue，估計IONIC也能用2022-12-12