웹 게임을 만들며 배우는 Vue

3-4. v-for로 반복문 사용하기

1167

1

asset app.js 325 KiB [compared for emit] (name: app)
runtime modules 1.13 KiB 5 modules
cacheable modules 303 KiB
  ./main.js 138 bytes [built] [code generated]
  ./NumberBaseball.vue 39 bytes [built] [code generated] [1 error]
  ./node_modules/vue/dist/vue.runtime.esm.js 303 KiB [built] [code generated]

ERROR in ./NumberBaseball.vue
Module build failed (from ./node_modules/vue-loader/dist/index.js):
TypeError: Cannot read properties of undefined (reading 'styles')
    at Object.loader (C:\Users\samsung\OneDrive\바탕 화면\CODE\vue-webgame\3.숫자야구\node_modules\vue-loader\dist\index.js:70:34)
 @ ./main.js 2:0-50 4:8-22

webpack 5.74.0 compiled with 1 error in 506 ms

 

 

 

 

--------------------------------------------NumberBaseball.vue 코드

//Vue 컴포넌트
<template>
  <div>
    <h1>{{ result }}</h1>
    <form v-on:submit="onSubmitForm">
      <input type="text" ref="answer" maxlength="4" v-model="value">
      <button>입력</button>
    </form>
  </div>
</template>
<script>
  export default {
    data() {
      return {
        value: '',
        result: '',
      };
    },
    methods: {
      onSubmitForm(e) {
        e.preventDefault();
      },
    },
  };
</script>
<style>

</style>



웹팹 로더에 실패해서.. 다음 단계로 못 넘어가고 있습니다.
혹시 버전의 차이가 있을까 구글링 열심히 해봤지만 결국 에러 한 개는 해결하지 못했어요.

웹팩 vuex vuejs

답변 3