Webpack 循環(huán)依賴(lài)的問(wèn)題 Error:Cyclic dependency

項(xiàng)目在打包時(shí)報(bào)錯(cuò)如下:
throw new Error('Cyclic dependency' + nodeRep)
Error:Cyclic dependency

這是循環(huán)引用依賴(lài)的問(wèn)題
有一種解決方案就是在配置文件中加入

chunksSortMode:"none"
image.png

這樣就不會(huì)報(bào)錯(cuò)了,但是后來(lái)查資料發(fā)現(xiàn)chunks決定了記載順序,如果設(shè)置為none頁(yè)面加載順序就不能保證了,可能會(huì)出現(xiàn)樣式唄覆蓋的現(xiàn)象。

后來(lái)我又掙扎了一下,發(fā)現(xiàn)把一些配置文件的包升級(jí)就可以了,具體為什么會(huì)這樣我暫時(shí)還不知道原因。我升級(jí)的包如下

dependencies: {
    "vuedraggable": "^2.19.1",
}
devDependencies:{
   "portfinder": "1.0.16",
   "postcss-import": "12.0.0",
   "html-webpack-plugin": "4.0.0-alpha",
   "eslint-plugin-import": "^2.16.0",
   "eslint-loader": "^2.1.2",
   "eslint": "^5.15.1"
}

看其他文檔或博客,有的人給出了如下解決方案:
使用Alpha 版本

npm i --save-dev html-webpack-plugin@next
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 在你所有的JS代碼的最開(kāi)始就用一個(gè)img把你要預(yù)加載的圖片的src存進(jìn)去,這樣瀏覽器執(zhí)行JS的時(shí)候就會(huì)先去請(qǐng)求你的...
    勃王閱讀 434評(píng)論 0 0
  • 獨(dú)倚闌干幾朝暮? 何時(shí)蹋歸路! 鶯兒燕子俱回首, 夢(mèng)回相思處。 仿佛佳人榻側(cè)眠, 醒時(shí)淚痕干。 南柯一夢(mèng)幾多愁, ...
    何庸平閱讀 237評(píng)論 0 0

友情鏈接更多精彩內(nèi)容