vue__WEBPACK_IMPORTED_MODULE_0__ 不是构造函数

Question

启动一个新的 Vue 应用程序并在初始化时遇到以下错误

我的代码是：

应用程序.vue：

<template>
    <div>
      hi there
    </div>
</template>

<script>

export default {
    name: 'App'
};
</script>

main.js：

import * as Vue from 'vue';
import App from './App';

new Vue({
    render: h => h(App)
}).$mount('#app');

在浏览器中出现此错误，因此没有呈现任何内容（“嗨，那里”）！:

Uncaught TypeError: vue__WEBPACK_IMPORTED_MODULE_0__ is not a constructor
    at eval (main.js?fbea:4:1)
    at Module../src/main.js (app.js:59:1)
    at __webpack_require__ (app.js:158:33)
    at app.js:1263:109
    at Function.__webpack_require__.O (app.js:204:23)
    at app.js:1264:53
    at app.js:1266:12

有任何想法吗？

（我的终端没有错误）

Answer 1

我的问题是因为 Vue 版本，我使用的是 Vue-Js v3，但在版本 2 中编码（因为我的教程课程，相信我，我并不愚蠢，哈哈），这导致了错误。

有很多更新，其中最基本的更新之一是初始化而不是使用：

new Vue({
render: h => h(App)
}).$mount('#app');

我应该简单地使用：

createApp(App).mount('#app');