Vue CLI 4.5.*：“在‘vue’中找不到导出‘默认’（导入为‘Vue’）

Question

在使用 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 时是正确的。

Answer 1

你已经使用 vue-cli 4 安装了 vue 3，这个版本有这个 new global api 用于创建新应用：

import { createApp } from 'vue'

const app = createApp({})

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