Vue CLI 4.5.*:“在‘vue’中找不到导出‘默认’(导入为‘Vue’)

Gur*_*ngh 5 vue.js vue-component vuejs2 vuejs3 vue-cli-4

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

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

new Vue({
    el: "#app",
    render: h=> h(App)
})
Run Code Online (Sandbox Code Playgroud)

但不幸的是,它给出了以下警告:

"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')
Run Code Online (Sandbox Code Playgroud)

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

此外,后面的代码是使用 Vue CLI 4.5.* 应用程序实例烘焙的,而前面的代码在使用 CDN 时是正确的。

Bou*_*him 4

您已经使用 vue-cli 4 安装了 vue 3,并且此版本具有用于创建新应用程序的新全局 api :

import { createApp } from 'vue'

const app = createApp({})
Run Code Online (Sandbox Code Playgroud)

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