vue에서 pinia등의 패키지 설치시 오류가 나왔다.

npm i pinia로 설치후에 main.js에서

import { createPinia } from "pinia";

app.use(createPinia());

이렇게 설치 작성후에 실행하니

X [ERROR] No matching export in "node_modules/vue-demi/lib/index.mjs" for import "hasInjectionContext"

    node_modules/pinia/dist/pinia.mjs:6:9:
      6 │ import { hasInjectionContext, inject, toRaw, watch, unref, ... 
        ╵          ~~~~~~~~~~~~~~~~~~~

14:50:46 [vite] error while updating dependencies:
Error: Build failed with 1 error:
node_modules/pinia/dist/pinia.mjs:6:9: ERROR: No matching export in "node_modules/vue-demi/lib/index.mjs" for import "hasInjectionContext"        
    at failureErrorWithLog (D:\study\vue3연습\vue3-posts\node_modules\esbuild\lib\main.js:1603:15)
    at D:\study\vue3연습\vue3-posts\node_modules\esbuild\lib\main.js:1249:28
    at runOnEndCallbacks (D:\study\vue3연습\vue3-posts\node_modules\esbuild\lib\main.js:1034:63)

이런식의 오류가 나옴

 

npm list vue로  vue의 버젼을 확인해보니

vue3-posts@0.0.0 D:\study\vue3연습\vue3-posts `-- UNMET PEER DEPENDENCY vue@3.2.33 npm ERR! peer dep missing: vue@^2.6.14 || ^3.3.0, required by pinia@2.1.6

이렇게 나온다.
pinia 패키지를 사용하려면 오류 메시지에 나와 있는 Vue 버전 요구 사항을 충족시켜야 하는데. 현재 Vue 버전은 3.2.33이 설치되어 있고, pinia는 Vue 버전 2.6.14 이상 또는 3.3.0 이상을 요구한다는 내용이다.

1.현재 설치된 Vue 버전을 3.3.0 이상으로 업그레이드 하던가

2.pinia 패키지 버전 다운그레이드하여 2.0.0으로 하던가..

 

 그래서 내가 하려던 pinia 2.0.14대신 2.0.0으로 설치하여 정상 동작 확인