vue.js - "export ' createApp ' was not found in ' vue'

Question

我是一名 vuejs 开发新手，尝试使用 vuex 进行状态管理，但遇到错误。这是代码:

**main.js file**

    import { createApp } from 'vue';

import router from './router';
import store from './store/index';
import App from './App';
import vuetify from './plugins/vuetify';

const app = createApp(App);

app.use(router);
app.use(store);
app.use(vuetify);
app.mount('#app');

  **error**

警告编译时有 4 个警告
./src/main.js 中的警告

“在‘vue’中找不到导出‘createApp’

./node_modules/vuex/dist/vuex.esm-browser.js 中的警告

“在‘vue’中找不到导出‘注入(inject)’

./node_modules/vuex/dist/vuex.esm-browser.js 中的警告

“在‘vue’中找不到导出‘reactive’

./node_modules/vuex/dist/vuex.esm-browser.js 中的警告

“在‘vue’中找不到导出‘watch’

Answer 1

这些错误(以及您添加到问题中的 vuejs2)似乎表明您正在运行 Vue 2，但您的代码实际上使用的是 Vue 3 的 API。

需要最少更改的最简单解决方案是在项目中安装 Vue 3:

npm install --save vue@3