Vue CLI 4.5.*：“在 'vue' 中找不到导出 'default'（导入为 '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 创建应用程序，但您应该在启动新项目时指明版本。

Vue CLI 4.5.*: "export 'default' (imported as 'Vue') was not found in 'vue'