vue安裝遇到的5個報錯小結


 

  前言

    這篇博文不會教你怎么安裝vue,但會告知安裝過程中可能遇到的5個問題

     2017年我寫過一篇安裝vue的博客,詳情:https://www.cnblogs.com/tu-0718/p/7521099.html

 

 

  5個報錯

    ①:若使用vue -V查詢是否安裝vue時提示沒有找到指令,可能是你沒有安裝vue-cli腳手架(vue-cli可快速創建vue項目)

            

 

       ②:vue安裝淘寶鏡像時報錯,提示無效的配置,必須是完整合法的http地址,原因是我在url前面加了1個空格,這里不要有空格

        注:安裝淘寶鏡像后,需要用到npm的地方都可以用cnpm替換,但建議安裝模塊和插件用cnpm,打包和啟動vuenpm

        (cnpm是國內鏡像,npm服務器在國外,固cnpm安裝速度更快,但可能出現更新不及時導致出現一些不可預料的問題)

           

 

        ③:直接使用 npm run dev 命令運行會報錯,提示沒有這樣的文件或目錄,需要先創建一個項目

           

           使用vue init webpack vue_test(vue_test為項目名稱)創建項目,然后根據需要來選擇,

        沒有出現(Y/n)讓你選擇是否安裝的選項直接回車即可,Y為安裝,n為不安裝

           

 

      ④:進入項目目錄,輸入npm run dev后提示沒有找到該項目,說明你的項目路徑有誤,檢查項目路徑和輸入命令是否正確 

        這里是項目路徑輸入有誤,直接復制路徑粘貼到git bash(相當於windowscmd) 路徑斜杠會變成'\',實際應該用'/'

      

      注:git bash復制項目路徑無法直接ctrl+v粘貼,直接點一下鼠標滾輪即可粘貼

 

    ⑤:輸入npm install安裝依賴包時,若有下圖提示

      審核了11959個包發現12個漏洞(7個中等,5個高危)運行`npm audit fix`來修復它們,

      或者運行`npm audit`來獲取詳細信息,這里直接輸入npm audit fix修復即可

         

           接着會出現下圖所示,告知你已修復其中一些漏洞,還需輸入npm audit fix --force 進一步修復

           

          然后看到下面提示在輸入npm audit即可

           

           最后當你看到下圖所示,說明你已經完全修復了漏洞

           

         注:原文參考

 

    補充:

     ①:運行npm run dev 后自動打開瀏覽器設置(默認是手動打開)

         config-index.js,然后找到 autoOpenBrowser: false, 把false改為true即可

      ②:若你想終止啟動vue,不想每次都重復下面3個步驟

        cd "項目路徑"

           npm install

          npm run dev

            可直接ctrl+c會出現下圖所示,根據提示選Y,此時只需在輸入一次 npm run dev 即可

       

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM