問題原因:
我是安裝了最新的vuecli,版本大概是4.5.4,我最開始安裝vuecli沒有指定版本
下面是我出問題的代碼,其實就是自己不會用vuecli4。
npm install -g @vue/cli
我們回到創建了的項目代碼中的main.js,我們看到
import {createApp} from 'vue'; import App from './App.vue' import router from './router' createApp(App).use(router).mount('#app')
如果我們把
import {createApp} from 'vue';
換成
import Vue from 'vue'
當你npm run serve就會出現錯誤。
這其實是用法的改變,我也不會使用ceateApp。所以我就改變vuecli版本,我回到了3.0.4
解決方法:
1、先卸載原先的版本
npm uninstall -g @vue/cli
2、安裝指定版本(你安裝其他版本也可以,但是要能支持這樣導入import Vue from ‘vue’)
npm install -g @vue/cli@3.0.4
3、創建項目的方式和vuecli4幾乎沒差別
4、我們還需要去刪除一個.vuerc文件,這個文件保存了你上一個版本的一些信息.如果你沒有刪除,當你運行項目的時候他會報錯。這個文件的位置一般在用戶下,可以自己搜一下去哪刪。
本人小白一個,這個問題也是我在學習中碰到的。如果能有效的解你的問題或讓你了解問題原因,可以評論一下讓他人知道這個方法有效。
————————————————
版權聲明:本文為CSDN博主「小張在線發拋」的原創文章,遵循CC 4.0 BY-SA版權協議,轉載請附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/qq_40515375/article/details/108180622