【vue项目升级node版本】Module not foun: Error: Can‘t resolve “async hooks’问题解决方案

最近在尝试将公司项目迁移到新版的node环境中,即从node14升级到node16。遇到了不少的问题,最后快见到胜利的曙光时,存在两个老顽固警告,虽然不影响项目运行,但是会报错遮挡浏览器窗口,下面给出报错截图:
在这里插入图片描述
在网上查找很久,没有发现可行的解决方案,最后是大佬指导我去stackOverFlow网站查找解决方案,最终得以解决。
解决方案网址:点击这里跳转
警告原因是两个依赖引用了async_hooks依赖,但是未能成功访问到,这里的解决办法是将async_hooks进行屏蔽。
不卖关子了,直接上我解决的方法:
在项目的vue.config.js文件中,对象configureWebpack下的,plugins中加入下面代码:

new IgnorePlugin({
    resourceRegExp: /async_hooks/,
  }),

即:

configureWebpack: {
        //...
        plugins: [
            new WebpackBar({
                name: title
            }),
            new IgnorePlugin({
                resourceRegExp: /async_hooks/,
              })
        ],
        //...
    }

问题成功解决!
在这里插入图片描述

  • 3
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值