Ⅰ、所遇問題簡述：

1、問題描述：

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

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

沖突中的錯誤：多個資產(chǎn)向相同的文件名 index.html 發(fā)出不同的內(nèi)容

2、問題分析：

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

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

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

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

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

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

1、報錯項(xiàng)目存在的問題：

該項(xiàng)目文件的上一層命名 存在中文文字；

2、問題的解決過程：

將該項(xiàng)目文件名稱及該項(xiàng)目文件的上一層 命名為純英文，此時發(fā)現(xiàn)再運(yùn)行該項(xiàng)目后，能成功運(yùn)行；

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

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

Ⅳ、第二種方案的實(shí)施過程(即：修改相關(guān)的 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' 命令來運(yùn)行項(xiàng)目，發(fā)現(xiàn)能成功運(yùn)行，此時也就解決了該問題；

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

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

V、小結(jié)：

到此這篇關(guān)于vue-cli創(chuàng)建項(xiàng)目ERROR in Conflict: Multiple assets emit different content to the same filename index.html問題的解決辦法的文章就介紹到這了,更多相關(guān)vue-cli創(chuàng)建項(xiàng)目ERROR in Conflict內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評論