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,发现没有报错,搞定下班。

总结

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

相关文章

  • vue init webpack 项目初始化失败问题

    vue init webpack 项目初始化失败问题

    在使用Vue-cli搭建项目时,可能会遇到依赖无法显示版本号的问题,首先检查环境变量配置是否正确,确保vue-init的安装目录被正确添加到path中,若问题仍未解决,尝试卸载并重新安装webpack,确保在正确的项目路径下执行npm install和npm run dev命令
    2024-09-09
  • vue生命周期实例小结

    vue生命周期实例小结

    这篇文章主要介绍了vue生命周期,结合实例形式分析了vue.js生命周期相关原理、步骤、函数与操作注意事项,需要的朋友可以参考下
    2018-08-08
  • vue实现瀑布流组件滑动加载更多

    vue实现瀑布流组件滑动加载更多

    这篇文章主要为大家详细介绍了vue实现瀑布流组件滑动加载更多,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-03-03
  • vue如何给页面增加url前缀

    vue如何给页面增加url前缀

    这篇文章主要介绍了vue如何给页面增加url前缀问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-12-12
  • vue 中引用gojs绘制E-R图的方法示例

    vue 中引用gojs绘制E-R图的方法示例

    这篇文章主要介绍了vue 中引用gojs绘制E-R图的方法示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-08-08
  • 使用vue实现猜谜卡片游戏

    使用vue实现猜谜卡片游戏

    这篇文章主要为大家详细介绍了如何使用vue实现简单的猜谜卡片游戏,文中的示例代码讲解详细,具有一定的学习价值,感兴趣的小伙伴可以参考一下
    2023-09-09
  • Vue3响应式方案及ref reactive的区别详解

    Vue3响应式方案及ref reactive的区别详解

    众所周知ref和reactive都是用来作响应式数据,下面这篇文章主要给大家介绍了关于Vue3响应式方案及ref reactive区别的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
    2022-12-12
  • vue 防止页面加载时看到花括号的解决操作

    vue 防止页面加载时看到花括号的解决操作

    这篇文章主要介绍了vue 防止页面加载时看到花括号的解决操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-11-11
  • vue开发中关于axios的封装过程

    vue开发中关于axios的封装过程

    这篇文章主要介绍了vue开发中关于axios的封装过程,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-08-08
  • vue使用原生js创建元素样式不生效问题及解决

    vue使用原生js创建元素样式不生效问题及解决

    这篇文章主要介绍了vue使用原生js创建元素样式不生效问题及解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-06-06

最新评论