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

总结

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