'vue'에서 'createApp' 내보내기를 찾을 수 없습니다.

'vue'에서 'createApp' 내보내기를 찾을 수 없습니다.

저는 초보 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.display의 경고

'vue'에서 'createApp' 내보내기를 찾을 수 없습니다.

./node_disc/vuex/dist/vuex.esm-disc의 경고입니다.js

'vue'에서 'export'를 찾을 수 없습니다.

./node_disc/vuex/dist/vuex.esm-disc의 경고입니다.js

'vue'에서 'export'를 찾을 수 없습니다.

./node_disc/vuex/dist/vuex.esm-disc의 경고입니다.js

"'vue'에서 'watch' 내보내기를 찾을 수 없습니다."

오류(및 질문에 추가한 vuejs2)는 Vue 2를 실행하고 있는 것처럼 보이지만 실제로는 Vue 3의 API를 사용하고 있습니다.

최소한의 변경이 필요한 가장 간단한 솔루션은 프로젝트에 Vue 3을 설치하는 것입니다.

npm install --save vue@3

그런 식으로 사용할 필요가 있다고 생각합니다.

const app = Vue.createApp({/* options */})

또는

import { createApp } from "vue";
const app = createApp({
    // root instance definition
});

그리고 main.js는 그 정의에 적합하지 않은 것 같아요.

Vue 문서에서 참조

언급URL : https://stackoverflow.com/questions/67298076/export-createapp-was-not-found-in-vue