vue-cli創建項目ERROR?in?Conflict:報錯怎么解決

本文小編為大家詳細介紹“vue-cli創建項目ERROR in Conflict:報錯怎么解決”，內容詳細，步驟清晰，細節處理妥當，希望這篇“vue-cli創建項目ERROR in Conflict:報錯怎么解決”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學習新知識吧。

Ⅰ、所遇問題簡述：

1、問題描述：

在用 vue-cli 正常來創建新的基于 vue2 框架 的項目，在安裝好 node-modules 之后，運行命令 ‘npm run serve’ ,報錯情況如下：

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

沖突中的錯誤：多個資產向相同的文件名 index.html 發出不同的內容

2、問題分析：

其一、創建項目的過程及命令是沒有問題的，基于 vue2 框架的版本也沒有問題，可以考慮是在創建項目中出現了中文名字的原因(因為此項目的上一層我用的是漢字)？

其二、文件的配置問題，在腳手架進行創建項目的時候，有關多個文件名重名了(報錯是 index.html 文件發生沖突了)？

Ⅱ、解決問題的兩種方案：

1、方案一、嘗試用純英文命名，避免中文命名的影響(成功解決了問題)；

2、方案二、修改 index.html 文件名稱，以及 webpack 的相關配置文件(也成功解決了問題);

Ⅲ、第一種方案的實施過程(即：將中文文件名修改為純英文文件名)：

1、報錯項目存在的問題：

該項目文件的上一層命名 存在中文文字；

2、問題的解決過程：

將該項目文件名稱及該項目文件的上一層 命名為純英文，此時發現再運行該項目后，能成功運行；

3、該方法是解決該問題的根本辦法

只有命名不包含中文，是不會在用 vue-cli 創建項目的時候報出該錯誤的；

Ⅳ、第二種方案的實施過程(即：修改相關的 webpack 配置文件)：

1、把 index.html 文件重命名為 index.ejs 文件；

代碼：index.ejs 

2、在 node_nodules/webpack/bin/webpack.js 中加入 html: { template: './src/index.ejs' }

代碼： html: { template: './src/index.ejs' } 

3、重新輸入'npm run serve' 命令來運行項目，發現能成功運行，此時也就解決了該問題；

4、該方法是解決該問題的一種方案

該方案 只對該項目有用，并不能徹底解決所有的項目問題，因此最好是遵守用純英文命名文件的規則。

讀到這里，這篇“vue-cli創建項目ERROR in Conflict:報錯怎么解決”文章已經介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會，如果想了解更多相關內容的文章，歡迎關注億速云行業資訊頻道。