vue---報錯Error:ENOENT:no such file or directory,[email protected]\**\css-beautify.js

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,此時成功

這裏寫圖片描述

發佈了93 篇原創文章 · 獲贊 96 · 訪問量 55萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章