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


目录
相关文章
|
9天前
|
JavaScript 应用服务中间件 nginx
vue项目中页面遇到404报错
vue项目中页面遇到404报错
|
9天前
|
JavaScript
vue3 使用element plus 打包时 报错
vue3 使用element plus 打包时 报错
16 0
|
2月前
VUE.初始化项目报错缺少core-js
VUE.初始化项目报错缺少core-js
33 0
|
1月前
vue3配置路由报错Catch all routes (“*“) must now be defined using a param with a custom regexp.
vue3配置路由报错Catch all routes (“*“) must now be defined using a param with a custom regexp.
41 0
|
5天前
|
JavaScript 算法 Linux
【vue报错】error:0308010C:digital envelope routines::unsupported
【vue报错】error:0308010C:digital envelope routines::unsupported
31 3
|
2月前
|
JavaScript 前端开发
总结 Vue3 的一些知识点:Vue3 项目打包
总结 Vue3 的一些知识点:Vue3 项目打包
|
4天前
|
JavaScript 搜索推荐 测试技术
深入了解 Vue CLI:现代化 Vue.js 项目开发工具
深入了解 Vue CLI:现代化 Vue.js 项目开发工具
|
28天前
|
运维 JavaScript 前端开发
发现了一款宝藏学习项目,包含了Web全栈的知识体系,JS、Vue、React知识就靠它了!
发现了一款宝藏学习项目,包含了Web全栈的知识体系,JS、Vue、React知识就靠它了!
|
29天前
|
XML JavaScript 前端开发
vue项目中使用bpmn.js详细流程(结合activiti版)
vue项目中使用bpmn.js详细流程(结合activiti版)
35 0
|
1月前
|
JavaScript 前端开发
总结 Vue3 的一些知识点:Vue3 项目打包
总结 Vue3 的一些知识点:Vue3 项目打包