解决mac端TypeError: transpileDependencies.map is not a function

最新推荐文章于 2024-05-11 17:46:06 发布
最新推荐文章于 2024-05-11 17:46:06 发布
阅读量1.8k 收藏
点赞数 1
分类专栏： 踩坑 文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/AzeShinja/article/details/128526531
版权

运行环境

在这里插入图片描述

问题详情、解决方案

在我使用yarn安装包的时候是正常安装的，可是在yarn serve的时候提示了如下错误
在这里插入图片描述
这个时候需要在vue.config.js中加入这个配置

transpileDependencies: [],

与devService平级的key

此时yarn serve已经可以正常跑了，但是在结束的时候会报错

Error: error:0308010C:digital envelope routines::unsupported

这个时候在你的终端里面打上如上命令：

export NODE_OPTIONS=--openssl-legacy-provider

如果是windows：

set NODE_OPTIONS=--openssl-legacy-provider

最后就运行成功啦！！！

参考地址：

https://www.fy253.com.cn/xuewuzhijing/7.html

https://blog.csdn.net/zjjxxh/article/details/127173968

AzeShinja
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JQuery报错Uncaught TypeError: Illegal invocation的处理方法
10-24
主要介绍了JQuery报错"Uncaught TypeError: Illegal invocation"的处理方法,需要的朋友可以参考下
小程序中wx.xx is not a function的报错
03-29
连胜老师今天来说一下小程序后台，运维中心经常报的一个错误：错误提示：wx.getSetting is not a function;at App lifeCycleMethod onLaunch function。   这里的wx.getSetting，可能是其他API，比如wx.getBackgroundAudioManager，wx.saveVideoToPhotosAlbum等。   这些API有个共同点儿：并非小程序基本库1.0.0就支持，都是后续某个基础库版本才开始支持。 (此图片来源于网络，如有侵权，请联系删除! )   有些同学已经在小程序后台，设置了基础库的最低支持版本，依然会
Mac运行npm run serve报错opensslErrorStack
北纬先生
04-26 431
mac电脑运行npm run serve报错 报错opensslErrorStack
Vue 报错TypeError: this.$set is not a function 的解决方法
12-12
报错场景：将APi中得到的response数据，用Vue$set()使数据动态响应 报错代码： methods: { textTranslate: function (text, to) { $.ajax({ url: 'http://openapi.youdao.com/api', type: 'post', dataType: 'jsonp', data: { q: text, appKey: this.appKey, salt: this.salt, from: this.from, to:
解决Python中报错TypeError: must be str, not bytes问题
09-17
主要介绍了解决Python中报错TypeError: must be str, not bytes问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
npm run serve 报错： ERROR TypeError: transpileDependencies.map is not a functionTypeError: transpil
m0_50744317的博客
09-16 5667
【代码】npm run serve 报错： ERROR TypeError: transpileDependencies.map is not a functionTypeError: transpil。
TypeError: transpileDependencies.map is not a function——解决办法——亲测有效
yehaocheng520的博客
06-27 9706
TypeError: transpileDependencies.map is not a function——解决办法——亲测有效
Vue报错： ERROR TypeError: transpileDependencies.map is not a function
zzgo121的博客
12-28 7493
ERROR TypeError: transpileDependencies.map is not a function
Vue.js npm错误：transpileDependencies.map不是一个函数
m0_67318913的博客
04-13 1187
这个错误通常是由于npm版本不兼容导致的。在旧版本的npm中，transpileDependencies是一个字符串数组，我们可以直接配置需要编译的依赖库。而在较新版本的npm中，transpileDependencies被改成了一个对象，并且需要使用map()方法来处理。因此，如果我们在较新版本的npm中使用了旧版本的配置方式，就会导致transpileDependencies.map不是一个函数的错误。
Vue运行无故报错解决transpileDependencies.map is not a function或Call plugin(‘preload‘).use(＜Plugin＞) first.
Sidney_Jack_1101的博客
11-06 9181
在准备使用vue-element-admin开发时，遇到了运行npm run dev无故报错在vue.config.js里添加了transpileDependencies:[]配置后依然无法解决，报出如下错误随后多次尝试重新进行npm install，修改plugin等方法，并未解决，确定与代码本身无关。
微信小程序报错：this.setData is not a function的解决办法
08-29
"微信小程序报错：this.setData is not a function的解决办法" 微信小程序报错：this.setData is not a function是一个常见的错误，特别是在使用微信小程序开发时。在这个错误中，this.setData变成了undefined，...
TypeError: notify.sendNotifybyWxPucher is not a function!
10-24
TypeError: notify.sendNotifybyWxPucher is not a function!
解决jquery插件：TypeError:$.browser is undefined报错的方法
10-23
为大家分享了一个解决jquery插件：TypeError:$.browser is undefined报错的方法，解决报错问题的方法也很简单，需要解决此类问题的朋友不要错过这篇文章。
详解Vue.js搭建路由报错 router.map is not a function
12-09
出现问题原因：2.0已经没有map这个方法了，只有1.0兼容该方法。 解决方法： （1）方法1：使用命令npm install vue-router@0.7.13兼容1.0版本vue。 在代码中的使用方法： （2）解决方法2：基于vue2.0，写对应的...
HBuilder报错--openssl-legacy-provider is not allowed in NODE_OPTIONS解决方法
最新发布
邓邓子的博客
05-11 1046
HBuilder编译时报错：–openssl-legacy-provider is not allowed in NODE_OPTIONS。
Error: error:0308010C:digital envelope routines::unsupported(node升级1.8编译问题)
yinhaoq的博客
07-07 214
Error: error:0308010C:digital envelope routines::unsupported(node升级1.8编译问题)
Mac node:internal/crypto/hash:71 this[kHandle] = new _Hash(algorithm, xofLen)
weixin_45361998的博客
07-12 690
该错误通常表示 OpenSSL 版本与您的 Node.js 版本不兼容。尽管您已经尝试将 Node.js 版本降级至 14.x，但问题仍然存在。在搜索了各种资料并尝试了各种方法后，您最终找到了解决方案。无论是进行项目迭代还是团队开发，通过这种方法，您可以解决 OpenSSL 版本兼容性的问题，确保能够顺利执行相关构建命令。选项来解决与 OpenSSL 版本不兼容的问题。这样，在执行相关构建命令时，将会自动应用这个环境变量设置。通过添加上述代码，您为构建命令设置了。
ERROR TypeError: transpileDependencies.map is not a function
05-27
这个错误通常是由于在使用 Vue CLI 创建项目时选择了错误的配置选项导致的。请尝试以下解决方法： 1. 确保你使用的是 Vue CLI 3.0 或更高版本。 2. 检查你的 package.json 文件中是否有 "transpileDependencies" 字段。如果有，请确保它是一个数组。如果不是，请将其更改为数组。 3. 如果你使用了 Vue CLI 3.0 的默认配置选项，请检查是否有这个字段。如果没有，请手动添加一个空的数组： ``` "transpileDependencies": [] ``` 4. 如果你使用了自定义配置选项，请检查你的 vue.config.js 文件中是否有以下内容： ``` module.exports = { transpileDependencies: [ 'vue-echarts', 'resize-detector' ] } ``` 如果有，请将其更改为以下内容： ``` module.exports = { transpileDependencies: ['vue-echarts', 'resize-detector'] } ``` 如果没有，请手动添加以下内容： ``` module.exports = { transpileDependencies: [] } ``` 5. 如果以上解决方法都不能解决问题，请检查你的依赖项是否有冲突或不兼容的版本。可以尝试使用 `npm ci` 命令来重新安装依赖项。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值