vue—使用vue-cli/webpack構建項目cnpm install安裝依賴時候報錯:Error:ENOENT:no such file or directory,[email protected]\**\css-beautify.js
;
cannot find module 'opn'/async-each/anymatch等等
如圖:
網上並沒有多少相關解決方案,通過搜索stackoverflow確定是js-beautify升級1.7.0之後的bug。一開始想到的方案也就是安裝老版本1.6,也試過將1.7node_modules文件夾中相關文件替換,這樣只能卻不能解決實際問題,npm run dev
繼續報錯,如下:
無奈之下,一個個模塊安裝,由於插件二級依賴被中止沒有成功安裝,實在太多太多模塊……
最後得到的解決方案如下:
1.修改package.json
//將依賴全部清空,替換爲js-beautify.js@1.7.0版本,然後cnpm install進行依賴安裝
2.安裝1.6.14版本
//本地安裝1.6.14版本
//cnpm install [email protected]
//此時,node_modules中有兩個版本js-beautify.js
3.替換依賴文件
//報錯是沒有找到css-beautify.js文件,打開目錄可以發現就連lib目錄都缺失
///此時打開 node_modules/[email protected]@js-beautify/js 複製該目錄下所有文件(除了index.js),
///然後打開 node_modules/[email protected]@js-beautify/js 將複製下的所有文件粘貼進去
此時,1.7.0版本所需文件都已存在:
4.安裝依賴
//js-beautify的問題此時解決,且不會再影響後面插件的二級依賴安裝
//撤銷package.json的修改,cnpm install
5.進入開發
//npm run dev,此時成功