vue项目启动后,js-base64依赖报错Cannot read properties of null(reading ‘replace’)问题

 更新时间:2024年05月16日 10:40:30   作者:第7个前端  
这篇文章主要介绍了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’)

关于这种乱七八糟的问题,咱也不敢说,在哪也不敢问,

项目运行之后,有一些警告,都是一些依赖版本的问题,平时也能直接给运行起来,这次就是项目可以运行起来,但是浏览器不能显示的问题;

大概的操作就是,我把window10升级了,然后我的项目就这样子了。

可怜……………………………………

找了N种方式,比如node的版本,webapck的版本,npm,……反正又把环境给装了一遍,还是不行;

最终解决办法

降低依赖的版本,本来吧,这个js-base64版本是3.7.1 ,然后我给降低到了2.6.1,然后就好了

所以一个项目能跑着就行,别想着去改变它;

类似的,如果出现这种问题,先把依赖给还原了,降低版本。

vue使用js-base64然后打包出现报错

问题

在 vue 里面使用 js-base64 这个插件时,打包报错:

解决方案

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

我们看一下 js-base64 的源码,js-base64 需要 Babel 显示转译

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

注意:不能使用 cnpm,不然 transpileDependencies 配置不会生效。

如果在 Linux 下执行 npm install,出现权限问题

可以执行 npm install --unsafe -perm

最后,运行 npm run build,发现没有报错,搞定下班。

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • Vue3使用dataV报错问题的解决方法

    Vue3使用dataV报错问题的解决方法

    这篇文章主要为大家详细介绍了Vue3中使用dataV报错问题的解决方法,文中的示例代码讲解详细,具有一定的学习价值,感兴趣的小伙伴可以跟随小编一起学习一下
    2023-11-11
  • vue中$refs, $emit, $on, $once, $off的使用详解

    vue中$refs, $emit, $on, $once, $off的使用详解

    这篇文章主要介绍了vue中$refs, $emit, $on, $once, $off的使用详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-05-05
  • vue3在table里使用elementUI的form表单验证的示例代码

    vue3在table里使用elementUI的form表单验证的示例代码

    这篇文章主要介绍了vue3在table里使用elementUI的form表单验证的示例代码,本文通过示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-12-12
  • 详解Vue中watch对象内属性的方法

    详解Vue中watch对象内属性的方法

    这篇文章主要介绍了详解Vue中watch对象内属性的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-02-02
  • Vite使用unplugin-auto-import实现vue3中的自动导入

    Vite使用unplugin-auto-import实现vue3中的自动导入

    本文主要介绍了Vite使用unplugin-auto-import实现vue3中的自动导入,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2024-06-06
  • vue proxy 的优势与使用场景实现

    vue proxy 的优势与使用场景实现

    这篇文章主要介绍了vue proxy 的优势与使用场景实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-06-06
  • vue2.0 如何在hash模式下实现微信分享

    vue2.0 如何在hash模式下实现微信分享

    这篇文章主要介绍了vue2.0 如何在hash模式下实现微信分享,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-01-01
  • vue cli3.0结合echarts3.0与地图的使用方法示例

    vue cli3.0结合echarts3.0与地图的使用方法示例

    这篇文章主要给大家介绍了关于vue cli3.0结合echarts3.0与地图的使用方法,文中通过示例代码介绍的非常详细,对大家学习或者使用vue具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-03-03
  • 利用vscode编写vue的简单配置详解

    利用vscode编写vue的简单配置详解

    这篇文章主要给大家介绍了利用vscode编写vue简单配置的相关资料,文中通过示例代码介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面跟着小编一起来学习学习吧。
    2017-06-06
  • Vue ECharts图表通用配置详解

    Vue ECharts图表通用配置详解

    这篇文章主要介绍了Vue ECharts图表通用配置,Echarts,它是一个与框架无关的 JS 图表库,但是它基于Js,这样很多框架都能使用它,例如Vue,估计IONIC也能用
    2022-12-12

最新评论