source

Vue를 'vue'에서 Import하면 '다른' Vue를 다른 파일로 Import합니다.

goodcode 2022. 8. 15. 21:09
반응형

Vue를 'vue'에서 Import하면 '다른' Vue를 다른 파일로 Import합니다.

이 질문은 아마도 더 Webpack과 ES6에 대해.import뷰에 대한 것보다.

나는 새로운 가능한 Vuex 돌연변이를 쓰고 있어요.mykey: []에 있는 개체로state. 이것을 사용할 필요가 있Vue.set(state.myobj, 'mykey', []), 새 배열 상승 반응 적임..

그러나 나는import Vue from 'vue'내 mutations.js고 사용하려면.Vue.set(...)그것은(그냥 아무것도 하지 않습니다.)문제를 해결하지 못하다.문제는 그런 것 같다.Vue예전 같지 않아Vue내main.js 파일의 뷰 개체를 만드는 내 주요 js 파일에 사용합니다.

나는 그 문제 뷰 mutations.js에 가져오는 방법에 관련 있다는 것을 확인했어요.내가 글을 쓰는 만약window.MY_VUE = Vuemain.js 다음 사용한다.window.MY_VUE.set(...)mutations.js에서는 새로운 배열 작품으로 예상되는, 즉 내가 배열한 변화 올바르게 DOM에 반영되어 있다.당연히 비교해서window.MY_VUE === Vuein mutoriations.mutories는 false를 반환합니다.

내가 뭘 잘못하고 있나요?문제를 해결하는 올바른 방법은 무엇입니까?

NB: 회피책으로 오브젝트를 바꿉니다.

state.myobj = { ...state.myobj, mykey: [] }

Vue 2.4.2, Vuex 2.4.0 및 Webpack 2.7.0을 사용하고 있습니다.웹팩 코드 분할은 사용하지 않습니다.

는 직접적인 원인을 찾았다.앱을 로드할 때 콘솔에 "You are running Vue in development mode"라는 메시지가 두 번 뜨는 것을 처음 알게 되었습니다.둘 다 vue.runtime.esm.js:7417에서 온 것이지만, 다른 URL에서 온 것입니다.(Webpack urls, 실행 중이었기 때문에)npm run dev.) 2개가 있는 것을 알았다.node_modules디렉토리(at)./그리고.../../그리고 어떤 이유로 Vue가 양쪽에서 한 번 로드되었습니다.아마 제가 npm 패키지를 잘못된 순서로 설치한 것 같습니다.둘 다 제거node_modulesdirs 및 runningnpm install다시 문제를 해결했다: 이제 나는import Vue from 'vue'돌연변이.변이.변이.변제.Vue.set(...)정상적으로 동작합니다.

어쨌든, 저는 아직 실제 npm 문제나 다시 하지 않는 방법을 정확히 알지 못합니다.

언급URL : https://stackoverflow.com/questions/45997484/import-vue-from-vue-imports-different-vue-to-different-files

반응형