Vue.js mixin 가져오기가 앱으로 가져오지 않음

Vue.js mixin 가져오기가 앱으로 가져오지 않음

요청된 모듈 './clienteMixin.js'은(는) 'default'라는 이름의 내보내기를 제공하지 않습니다.

믹스인

export const myMixin = {
    data() {
        return {
            loading: false,
        }
    }
}

Vue 앱

import myMixin from './clienteMixin.js'

var app = new Vue({
    delimiters: ['[[', ']]'],
    el: '#app',
    components:{},
    mixins: [myMixin],
    data() {
        return {
            
        }
    },
    methods: {
    
    },
    mounted () {
    
    }
});

먼저 내보내기를 변경하여default내보내기:

export default {
  data() {
    return {
      loading: false,
    }
  },
}

이렇게 하면 Import 문제가 해결됩니다.mixin을 글로벌 mixin으로 하려면 다음 명령을 사용합니다.

import myMixin from './clienteMixin.js'

Vue.mixin(myMixin);

const app = new Vue({
    delimiters: ['[[', ']]'],
    el: '#app',
    components:{},
    data() {
      return {
      }
    },
    methods: {
    },
    mounted () { 
    }
});

언급URL : https://stackoverflow.com/questions/66113704/vue-js-import-mixin-does-not-import-in-app