programing

'vuex' 경고에서 "export 'createStore'를 찾을 수 없습니다.

shortcode 2022. 8. 30. 22:51
반응형

'vuex' 경고에서 "export 'createStore'를 찾을 수 없습니다.

저는 이 모든 것을 처음 듣고 이제 Vue를 배웁니다.Vuex 를 인스톨 해 export default 를 사용해 Import 해도, 이 에러가 표시됩니다.= >

경고 1개의 경고와 함께 컴파일됨
./src/store/index.js의 경고 "export 'createStore'를 'vuex'에서 찾을 수 없습니다.

index.js 스토어 파일

import Vue from 'vue';
import Vuex from 'vuex';
Vue.use(Vuex);

import coachesModule from './modules/coaches/index.js';

const store = new Vuex.Store({
  modules: {
    coaches: coachesModule
  }
});

export default store;


패키지.json 파일

{
  "name": "vue-first-app",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "core-js": "^3.6.5",
    "vue": "^3.0.0",
    "vue-router": "^4.0.0-rc.5",
    "vuex": "^3.5.1"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "~4.5.0",
    "@vue/cli-plugin-eslint": "~4.5.0",
    "@vue/cli-service": "~4.5.0",
    "@vue/compiler-sfc": "^3.0.0-0",
    "babel-eslint": "^10.1.0",
    "eslint": "^6.7.2",
    "eslint-plugin-vue": "^7.0.0-0"
  }
}

Vue 제거 후

npm uninstall -g @vue/cli

를 사용하여 Vue를 재설치합니다.

npm install -g @vue/cli@latest 

npm i vue vue-router -S
npm install 

지금 나는 여전히:

 INFO  Starting development server...
98% after emitting CopyPlugin

 WARNING  Compiled with 1 warnings                                             3:56:20 PM

 warning  in ./src/store/index.js

"export 'default' (imported as 'Vue') was not found in 'vue'

누구 도와줄 사람?

업데이트. vue3 및 vuex3을 사용하지만 vuex4를 사용해야 합니다.


사용해보실 수 있나요?

const store = new Vuex.Store({ 
    // options
})

대신

const store = createStore({ 
    // options
})

?

이 문서에 의하면, https://vuex.vuejs.org/guide/#the-the-the-the-the-the-the-

createStore는 Vuex 4 구문입니다.vuex 3 을 사용하고 있기 때문에, 다음의 조작을 실시할 필요가 있습니다.

import Vue from 'vue';
import Vuex from 'vuex';
Vue.use(Vuex)

import coachesModule from './modules/coaches/index.js';

const store = new Vuex.Store({
  modules: {
    coaches: coachesModule
  }
});

export default store;

Quasar를 UI 프레임워크로 사용하는 것과 같은 문제가 있어서 실행으로 해결했습니다.

yarn add vuex@next

또는 npm을 사용하는 경우

npm install --save vuex@next

프로젝트를 재구축하면 모든 것이 다시 실행되게 됩니다.

상세한 것에 대하여는, 이 레퍼런스:https://www.codegrepper.com/code-examples/whatever/%22export+%27createStore%27+was+not+found+in+%27vuex%27를 참조해 주세요.

이것이 배경에서 한 것은 이 모든 것을"vuex":"^3.6.2"로."vuex": "^4.0.2"

언급URL : https://stackoverflow.com/questions/64965307/getting-export-createstore-was-not-found-in-vuex-warning

반응형