인프런 커뮤니티 질문&답변

vue 3.2, vuex 4.0 버전을 사용하고 있습니다.

해당 오류가 계속 나는데 해결을 못하고 있습니다. 

 

 

 

 

 

 

 

// NewsView.vue
<template>
  <div class="inner">
    <h1>News</h1>
    <ul>
      <li v-for="user in users" v-bind:key="user">{{ user }}</li>
    </ul>
  </div>
</template>

<script>

export default {
  name: 'NewsView',
  data() {
    return {
      users: []
    }
  },
  created() {
    this.$store.dispatch('FETCH_NEWS');
  }
}
</script>

//store/index.js

import { createStore } from 'vuex'
import { fetchNewsList } from '@/api/index.js';

//Create a new store instance.
export const store = createStore({
  state() {
    return {
      news: []
    }
  },
  actions: {
    FETCH_NEWS() {
      fetchNewsList()
        .then( response => console.log(response) )
        .catch( error => console.log(error) )
    }
  }
})