事件起因:
樓主在vue-cli官網,嘗試使用vue-cli3腳手架+yarn包管理器構建項目時,命令行窗口提示node版本不對。如下圖
這個大家都知道該如何去解決,直接去node官網下載符合版本的node包就行。在后續使用vue create project命令時,發現命令窗口無反應,項目無法創建成功,於是便去查詢怎么一回事。
解決過程
在官網下載新的node版本后,我便開心的去執行了vue create project 命令,卻發現,還是沒有反應!WTF?我又去查看npm的版本,卻發現版本還是老的版本沒有。我一想,會不會是緩存問題,於是執行,npm cache clean --force ,卻發現命令窗口提示我 npm的版本與node的版本不匹配。
??? 這是怎么一回事,難道node版本有誤?下載下來的npm版本與node不匹配?官方有問題? google了一下,發現很多外國友人用下圖解決了問題。
於是我也去用了下。FUCK!還是不行。於是我又各種npm cache clean --force 重復幾個命令,重復去卸載node軟件,重新下載,都不行。
仔細閱讀友人們的交流才發現,他們有些人也遇到了相同的問題,不管執行什么命令,都一直在報npm與node版本不一致的問題。
難道是下載的npm仍然使用了老版本的運行環境?那這樣的話一定是有npm緩存的!
解決的方法
抱着這個想法,我去C盤里找到了全局的npm包下載地址,發現了這樣一個文件:
果然 還有個cache文件。於是我強行刪除了npm包與這個cache文件包,再次卸載已經下了n多次的node包,在命令窗口查看了各個版本。終於解決了問題!
總結
這個問題的引起方法,莫過於老的npm環境仍然存在,沒有被刪除。博友們如果覺得我的方法比較麻煩,可以先使用外國友人的命令行嘗試一下。不過本人親測,是沒能解決我的問題。另外,像這種涉及到npm版本的問題,總結下來就以下解決思想:
- 刪除npm_modules文件
- 刪除npm-cache文件
- 以上文件刪除干凈后,再重新裝目標版本。