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),这回页面终于显示正常,前后花了差不多两个半小时,就为解决这错误。实在是非常惭愧!

至此,问题告捷,项目成功启动!有感于此,特记录此篇。

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