Vue CLI 4.5*：“在'vue'中找不到导出'默认'导入为'Vue'

问题描述

在使用Vue CLI 4.5.x时，我尝试了以下代码：

import Vue from "vue"
import App from './App.vue'

new Vue({
    el: "#app",render: h=> h(App)
})

但不幸的是，它发出了以下警告：

"export 'default' (imported as 'Vue') was not found in 'vue'

由此我可以得出的结论是，Vue CLI 4.5.x停止了这种在第一次创建Vue实例的地方创建应用程序的方式。

要初始化主应用程序，官方方法如下：

import { createApp } from 'vue'
import App from './App.vue'

createApp(App).mount('#app')

我不确定我的结论是否正确。如果有人具体说明我的结论，那将是很大的帮助，因为到目前为止，我在vue的官方文档中还没有找到任何证明。

此外，以后的代码随Vue CLI 4.5。*应用程序实例一起提供，而使用CDN时，前一个代码为true。

解决方法

您已经使用vue-cli 4安装了vue 3，并且此版本具有用于创建新应用的new global api：

import { createApp } from 'vue'

const app = createApp({})

您仍然可以使用基于vue cli 4的vue 2创建应用程序，但是在启动新项目时应指出版本。