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

简介: vue 里使用 js-base64 然后打包出现报错?

问题

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


47331ba9a5f54a6398d9f19f835551f5.png


解决方案

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

2020120211524460.png

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


20201202115302509.png

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


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

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

20201202115320168.png

可以执行 npm install --unsafe -perm

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


目录
相关文章
|
3月前
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
812 1
|
3月前
|
JavaScript 前端开发 开发者
VUE 开发——Node.js学习(一)
VUE 开发——Node.js学习(一)
97 2
|
4月前
|
缓存 监控 UED
升级 Vue3 时,如何减少打包体积的增加?
升级 Vue3 时,如何减少打包体积的增加?
285 59
|
4月前
|
API UED
升级 Vue3 后,项目的打包体积会有什么变化?
升级 Vue3 后,项目的打包体积会有什么变化?
164 57
|
2月前
|
JavaScript 前端开发 持续交付
构建现代Web应用:Vue.js与Node.js的完美结合
【10月更文挑战第22天】随着互联网技术的快速发展,Web应用已经成为了人们日常生活和工作的重要组成部分。前端技术和后端技术的不断创新,为Web应用的构建提供了更多可能。在本篇文章中,我们将探讨Vue.js和Node.js这两大热门技术如何完美结合,构建现代Web应用。
45 4
|
2月前
|
JavaScript 前端开发 开发者
JavaScript框架React vs. Vue:一场性能与易用性的较量
JavaScript框架React vs. Vue:一场性能与易用性的较量
41 0
|
3月前
|
JavaScript 前端开发 开发工具
【Azure Developer】使用JavaScript通过SDK进行monitor-query的client认证报错问题
AADSTS90002: Tenant 'xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx' not found. Check to make sure you have the correct tenant ID and are signing into the correct cloud. Check with your subscription administrator, this may happen if there are no active subscriptions for the tenant.
|
3月前
|
JavaScript 中间件 Shell
Node.js JXcore 打包
10月更文挑战第8天
42 1
|
3月前
|
JavaScript 前端开发
|
4月前
|
JavaScript 前端开发 API
Vue学习笔记3:对比纯JavaScript和Vue实现数据更新的实时视图显示
Vue学习笔记3:对比纯JavaScript和Vue实现数据更新的实时视图显示