vue 启动报错解决：ERROR in Conflict: Multiple assets emit different content to the same filename index.html

问题描述

网上下了一个开源vue2的项目准备看看，结果第一步npm run dev 就启动不了，卡住了

问了AI 说是插件，配置原因，但是我不是这一个问题

 

环境：

node 版本：v22.14.0

vue版本：2.6

 

报错信息：

PS D:\test(1)\源码+vue,springboot> npm run dev

> supermarket-manager@0.1.0 dev
> vue-cli-service serve

 INFO  Starting development server...


 ERROR  Failed to compile with 1 error                                                                                                                                       18:22:50

 error 

Conflict: Multiple assets emit different content to the same filename index.html

ERROR in Conflict: Multiple assets emit different content to the same filename index.html

 

原因分析

D:\test(1)\源码+vue,springboot> npm run dev

观察一下上面的源码所在路径，有双括号()，有加号+，有逗号, ，还有中文

测试了一下：加号，逗号，单括号都可以，中文也是没有问题的，就是双括号会报错，神奇不神奇？

 

网上找了一圈很多说是htmlWebpackPlugin插件的问题，如果你插件配置都是好着的，那么就检查一下源码路径是否有双括号吧

如果有双括号，那么删除后再启动就不报错了

 

报错原因：

源代码所在的路径中包含了双括号()，没错，把双括号删除就能正常启动了

当然，如果你比较懒，删一个括号项目也是可以正常启动的

 

总结：

以后运行vue项目，还是老实的把源码保存在简单路径上吧，双括号惹不起啊