vue-cli3創建vue2的項目填坑記錄

今日在項目組,有幸領到一臺thinkpad筆記本電腦,電腦很乾淨。於是筆者就從零到一地先後安裝了開發神器vscode、node、git。node是安裝的官網最新版本16.14.2的64位,卻不成想問題由此開始而來。首先安裝完畢node後,cmd運行npm install @vue/cli -g竟然報錯找不到模塊,筆者非常納悶,多方百度,得出npm版本過高!解決的方法要麼是降級處理,要麼是換成cnpm繼續安裝。筆者採取降級處理,安裝了3.xx(版本號忘記了),再次安裝vue-cli3腳手架,成功!

於是乎開始了後續欲生欲死的填坑記錄。用vue-cli3創建vue2的項目時沒有安裝vue-router和vuex,於是筆者就來了個npm install vue-router vuex,這時還沒問題(其實問題已經產生了,因爲最新的版本都是爲vue3服務的),當筆者在寫好路由和vuex後,運行項目,控制檯分別報錯(xxx.define)not a function和(xxx.reactive)not a function,筆者也很懵逼,感覺自己的代碼確實沒有問題,可就是報錯,頁面也是空白。於是筆者百度了N多種案例,結果還是出在版本的問題是,vue-router和vuex的版本太高了,於是又把它們都調到3.xx的版本(先執行npm uninstalll vue-router vuex,rh),這回頁面終於顯示正常,前後花了差不多兩個半小時,就爲解決這錯誤。實在是非常慚愧!

至此,問題告捷,項目成功啓動!有感於此,特記錄此篇。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章