TypeError: Vue2에 정의되지 않은 속성 '구성 요소'를 읽을 수 없습니다.

TypeError: Vue2에 정의되지 않은 속성 '구성 요소'를 읽을 수 없습니다.

앱의 서브셋 컴포넌트에 믹스인을 사용하고 있습니다.아무 문제 없이 모든 것이 잘 작동하고 있지만, 앱에 사용하고 싶을 때.vue 컴포넌트 콘솔에 오류가 있습니다.

<script>
/* eslint-disable */
import PanelUser from "./layouts/PanelUser";
import Auth from "./mixins/Auth";
export default {
  name: "App",
  mixins: [Auth],
  components: {
    PanelUser
  },
};
</script>

또, 라우터를 사용할 수 없습니다.사용을 하면, 페이지는 완전히 하얗게 되어 아무것도 표시되지 않습니다.

저는 이 상황을 확인하는 방법을 찾았습니다.

먼저 check Components 메서드에서 발생한 오류를 확인할 수 있습니다. 마우스를 위로 이동하고 좌클릭을 합니다.

둘째, 중단점을 추가하고 페이지를 새로 고칩니다.

셋째, 참조되는 일부 믹스인 또는 컴포넌트가 정의되지 않은 것으로 표시될 수 있습니다.제 경우 두 번째 믹스인은 언디인드입니다.

마지막으로 레퍼런스 또는 믹스인 파일을 확인합니다.다른 파일에서 mixin을 복사해서 신고 부분에서 mixin 이름을 변경하는 것을 잊어버렸기 때문입니다.

이상입니다, 직접 확인해보시기 바랍니다.:)

변경해야 합니다.

".layouts/PanelUser"에서 PanelUser를 Import한다.

로.

".layouts/PanelUser"에서 {PanelUser} Import;

그리고.

".mixins/Auth"에서 인증을 Import한다.

로.

".mixins/Auth"에서 {Auth} Import;

믹스인에 관련된 에러.

컴포넌트에 사용되고 있는 믹스인이 올바른지 확인합니다(이름, esm Import 경로 등).

import samplePackage from "sample-package";
import anotherMixin from "another-package/path/to/mixin";

export default {
    mixins: [
        samplePackage.sampleMixin,
        anotherMixin
    ]
}

언급URL : https://stackoverflow.com/questions/55672109/typeerror-cannot-read-property-components-of-undefined-in-vue2