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

标签 vue.js vuejs2 vue-component 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)
})
但不幸的是,它给出了以下警告:

"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 时是正确的。

最佳答案

你已经使用 vue-cli 4 安装了 vue 3 并且这个版本有这个 new global api用于创建新应用程序:

import { createApp } from 'vue'

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

关于vue.js - Vue CLI 4.5.* : "export ' default' (imported as 'Vue' ) was not found in 'vue' ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64048282/

相关文章:

vue.js - Promise 被拒绝并且无法在 VUE 和 Directus 中获取 Collections 或 getItems

Vue.js:用户单击按钮时加载模板(或 div)?

javascript - Vuejs 和 Drupal

javascript - Axios promise 不会在 vue 方法中抛出错误

javascript - Nuxt 3 SSR确实在客户端而不是服务器端执行XHR

javascript - 是否可以在 VueJS 中将子组件与另一个子组件同步?

javascript - Vue.js 将刚刚创建的数据从子组件传递到父组件

javascript - Vuex getter 中的 JSON 对象复制

vue.js - 如何在 v-select 中的选定选项中使用自定义标签模板?

javascript - 如何覆盖 Trix HTMLSanitizer 以允许带有 class 的 span 标签