vue 컴포넌트 등록시 Can't resolve

[유용환]

강의에서 컴포넌트를 하는 방법대로 했는데 저는

Compiled with problems:X

ERROR in ./src/App.vue?vue&type=script&lang=js (./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/App.vue?vue&type=script&lang=js) 2:0-38

Module not found: Error: Can't resolve

 

이런 오류가 나오는데 왜 그런건가요

[codingapple]

3-step 중에 한개가 빠졌거나 오타가 있거나 그런 경우가 아닐까요 

[유용환]

import Discount from './DiscountBanner.vue';

components: {
    Discount : DiscountBanner,
  }

DiscountBanner.vue에는 강의처럼

<div class="discount">
  <h4>지금 결제하면 20% 할인</h4>
  </div>

이렇게 하고 원하는 곳에 <Discount/>을  넣었는데

31:8 error 'Discount' is defined but never used no-unused-vars

49:16 error 'DiscountBanner' is not defined no-undef

이런 에러가 나오는데 잘못된 부분을 모르겠어요

[codingapple]

import Discount 했으면 등록할 때

{ 작명 : Discount } 이렇게 등록해야합니다 

사용시엔 <작명/> 하면 됩니다 

[글쓴이]

글