問題原因
我是安裝了最新的vuecli,版本大概是4.5.4,我最開始安裝vuecli沒有指定版本
我們回到創建了的項目代碼中的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文件,這個文件保存了你上一個版本的一些信息.如果你沒有刪除,當你運行項目的時候他會報錯。這個文件的位置一般在用戶下,可以自己搜一下去哪刪。
參考:https://blog.csdn.net/qq_40515375/article/details/108180622