vue.js - 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 时是正确的。

score 4 · Accepted Answer

你已经使用 vue-cli 4 安装了 vue 3，这个版本有这个新的全局 api用于创建新的应用程序：

import { createApp } from 'vue'

const app = createApp({})

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

1 回答 1