Conflict: Multiple assets emit different content to the same filename index.html报错解决方案

目录

出现的问题:

报错原因:

解决方案如下:

注意:


出现的问题:

当使用vue-cli(脚手架)创建项目后,并用npm run serve运行项目过程中,出现Conflict: Multiple assets emit different content to the same filename index.html的报错

报错原因:

报错原因有以下两个可能:

第一:可能是文件在创建打包过程中,文件路径有中文的原因

第二:在脚手架进行创建项目的时候,有关多个文件名重名了,那么该如何解决?

解决方案如下:

点击两次ctrl+c将报错项目停掉

终止批处理操作吗(Y/N)? ^C

第一步:把index.html重命名为index.ejs

index.ejs

第二部:在node_nodules/webpack/bin/webpack.js中加入  html: { template: './src/index.ejs' }

html: { template: './src/index.ejs' }

 第三步:重新输入npm run serve运行项目,发现项目可以运行啦~

npm run serve

注意:

在日常练习中,可以使用文章中的方案;

在真正开发时,建议重新创建Vue项目,这个问题是在创建项目的时候才发出的,因此在你重新创建项目的时候,问题也会被解决哦

 如果有问题,欢迎大家评论区讨论,文章对你有用,给正在学习前端的小陈点个赞吧~~~

  • 85
    点赞
  • 144
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 31
    评论
当使用vue-cli(脚手架)创建项目后,并用npm run serve运行项目过程中,出现": Multiple assets emit different content to the same filename index.html"的报错。这个错误是由于多个资源文件尝试向同一个文件名index.html中输出不同的内容导致的。 解决这个问题的方法是在webpack配置文件中,通过设置output的filename选项来避免冲突。你可以将filename设置为一个带有唯一标识的文件名,比如在文件名中添加hash值。这样每次构建项目时,都会生成一个不同的文件名,避免了冲突。 另外,这个错误也有可能是因为引入的静态文件路径不正确导致的。你可以检查一下引入静态文件的路径是否正确,确保资源被正确引入到项目中。 综上所述,解决"Multiple assets emit different content to the same filename index.html"的报错,你可以通过调整webpack配置文件中的output选项的filename属性,添加唯一标识来避免冲突。同时也要确保引入的静态文件路径正确无误。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [Conflict: Multiple assets emit different content to the same filename index.html报错解决方案](https://blog.csdn.net/qq_57587705/article/details/124329493)[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^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *3* [vueindex.html中引入静态文件不生效问题及解决方法](https://download.csdn.net/download/weixin_38748239/13198844)[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^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

努力学习前端的小陈

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值