프로그래밍(Programming)/Vue

Pinia 오류 : Can't import the named export 'computed' from non EcmaScript module (only default export is available)

Failed to compile. ./node\_modules/pinia/dist/pinia.mjs 1148:44-52 Can't import the named export 'computed' from non EcmaScript module (only default export is available) 위와 같은 에러가 뜬다면, vue.config.js에 아래 구문을 추가해볼 것. configureWebpack: { module: { rules: [ { test: /\.mjs$/, include: /node_modules/, type: 'javascript/auto', }, ], }, },그리고도 안 된다면, Vue를 꼭 재실행 해볼 것! run serve 등 작업을 ..

Pinia 사용법 (설치 및 적용)

1. Pinia 설치 yarn 또는 npm을 통해 Pinia를 설치합니다. 설치 명령어는 아래와 같습니다. yarn add pinia // or npm install pinia2. Pinia 등록 main.js에 Pinia 인스턴스를 만들어 적용시킵니다. - Vue3의 경우 //main.js import { createApp } from 'vue' import { createPinia } from 'pinia' import App from './App.vue' const pinia = createPinia() const app = createApp(App) app.use(pinia) app.mount('#app')- Vue2의 경우 1. npm i..