(Vue.js) Uncaught TypeError: Cannot read properties of undefined (reading 'use') 그리고 (0 , vuex__WEBPACK_IMPORTED_MODULE_1__.createStore) is not a functionTypeError: (0 , vuex__WEBPACK_IMPORTED_MODULE_1__.createStore) is not a function

(2023.10.27)

처음에는 router 세팅 시 Vue.use(VueRouter); 를 쓰는데 계속 아래처럼 use를 사용할 수 없었다. 

> Uncaught TypeError: Cannot read properties of undefined (reading 'use') 

cli, vue 버전때문이라 판단하고 (vue3 사용) 

- router > index.js

import { createWebHistory, createRouter } from "vue-router";

export const router = createRouter({
  history: createWebHistory(),
  routes: [
  ],
});

- main.js

import { createApp } from "vue";
import App from "./App.vue";
import { router } from "./routes/index.js";

const app = createApp(App);
app.use(router);
app.mount("#app");

router는 다음과 같이 대체함.

 

이 후 store 세팅 시에도 똑같이 use 사용이 안돼서   

- store > index.js

import { createStore } from "vuex";

export const store = createStore({
});

로 수정했지만 또 다른 에러가 생겼다.

 

> (0 , vuex__WEBPACK_IMPORTED_MODULE_1__.createStore) is not a function
TypeError: (0 , vuex__WEBPACK_IMPORTED_MODULE_1__.createStore) is not a function

 

해보라는 거 다해봤지만 너무 해결이 안됐는데 결국 

 

npm install vuex@next --save

 

 

@next는 가장 최신에 버전을 받는 것인데 vuex의 버전이 낮아서 그랬는지 위 인스톨로 해결이 되었다.~~

 

(만약 위 에러가 vuex 가 아닌 vue라면 vue@next를 하면 됨.)