@vue/cli4.2.3的坑

使用@vue/cli4.2.3 create初始化一個項目后,運行命令一直報如下錯誤,提示ansi-sytles找不到
解決過程:
1、以為是缺少提示中的包,直接按照提示安裝ansi-sytles,無果。
事情遠沒有想的這么簡單

2、rm -rf node_modules 再 npm install,無果

3、rm -rf node_modules 再npm cache clean -f清空緩存,再 npm install,無果

4、懷疑是自己電腦環境,找同事初始化了一個項目打包給我,運行npm run serve,還是同樣的報錯

5、有點絕望了,看到網上說@vue-cli4會自己升級sass-loader,于是升級了sass-loader,但是會提示node-sass安裝不上,(原因是node-sass要從github上下載包,國內網絡環境導致經常安裝不上)想辦法裝上了node-sass,依舊無果~
對應攻略:https://blog.csdn.net/qq_39953537/article/details/102759821

6、嘗試將@vue/cli降級后再初始化出來一個項目,成功!

以下是前五步出錯階段一直存在的報錯提示:

$ npm run serve

temp@0.1.0 serve E:\test\temp
vue-cli-service serve

INFO Starting development server...
WARN A new version of sass-loader is available. Please upgrade for best experience.
ERROR Error: Cannot find module 'ansi-styles'
Error: Cannot find module 'ansi-styles'
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:636:15)
at Function.Module._load (internal/modules/cjs/loader.js:562:25)
at Module.require (internal/modules/cjs/loader.js:692:17)
at require (internal/modules/cjs/helpers.js:25:18)
at Object.<anonymous> (E:\node_modules\eslint\node_modules\chalk\index.js:3:18)
at Module._compile (internal/modules/cjs/loader.js:778:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:789:10)
at Module.load (internal/modules/cjs/loader.js:653:32)
at tryModuleLoad (internal/modules/cjs/loader.js:593:12)
at Function.Module._load (internal/modules/cjs/loader.js:585:3)
at Module.require (internal/modules/cjs/loader.js:692:17)
at require (internal/modules/cjs/helpers.js:25:18)
at Object.<anonymous> (E:\node_modules\eslint\lib\formatters\codeframe.js:7:15)
at Module._compile (internal/modules/cjs/loader.js:778:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:789:10)
at Module.load (internal/modules/cjs/loader.js:653:32)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! temp@0.1.0 serve: vue-cli-service serve
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the temp@0.1.0 serve script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! D:\MyData\ex_zengfr\AppData\Roaming\npm-cache_logs\2020-03-12T06_57_36_529Z-debug.log

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容