vue-cli脚手架卡在 ‘98%’ after emitting CopyPlugin 报错,无法运行

在跑项目中突然发现一个特殊的问题,每当运行时会有几率出现‘98%’ after emitting CopyPlugin 这行代码
我在网上搜罗了一遍,大致得到以下解决方案:

    1.替换npm使用yarn或cnpm;
    2.升级webpack到v4.28.4及以上;
    3.重新进行npm i 进行安装;
    4.一个路由一个路由的排查,找到问题;

最后发现123项,几乎没有什么用处,毕竟脚手架都是用taobao新装的,框架什么的也都没有落下。而第4项排查又太麻烦,这时候我们可以查看一下具体报错信息。

第一种情况:

只显示98%,之后没内容了。我遇到的问题是在引入图片的时候,因为图片位置是空的,所以就没写内容,之后引入随便一张图片就解决了这种问题,总之不能图省事,路径地址一定不能为空

imgUrl:require(""),

在这里插入图片描述

第二种情况:

有报错信息,说是我们的module找不到,并且提示了【 …/utils/product
】在module中找不到,也就是说我们的路径错了,经过排查确实是"…/utils/product"路径问题,经过路径修改后,程序正常运行
在这里插入图片描述

第三种

如果提示框中显示插件错误,直接按照提示安装插件就可以了,这是最容易解决的

总结:

只要Vue中有数据没有写完比如导入插件或者加载配置之类等、代码没有写完或者为空、以及引入路径问题,都可造成‘98%’ after emitting CopyPlugin的错误。

  • 13
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
Vue-cli脚手架是Vue官方提供的一个工具,用于快速生成一个Vue项目的模板。它预先定义了项目的目录结构和基础代码,可以帮助开发者更快速地搭建一个Vue项目的框架。通过Vue-cli,开发者可以使用简单的命令完成项目环境的搭建,包括插件、开发服务、构建打包等功能。安装Vue-cli可以通过命令npm install -g vue-cli来进行。\[1\]\[2\]\[3\] #### 引用[.reference_title] - *1* [Vue-cli脚手架](https://blog.csdn.net/qq_42265394/article/details/119778843)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [Vue-cli(vue脚手架)超详细教程](https://blog.csdn.net/u012660464/article/details/114834812)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [Vue实战之Vue CLI 脚手架](https://blog.csdn.net/weixin_45442617/article/details/113951338)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值