도움 부탁드립니다..!

[박성익]

for문까지는 잘 작동하는데 props만 쓰면 웹창이 안뜹니다.. 뭐가 문제일까요

<template>

 <div class="menu">
   {{ a }}
 </div>

 <Card @open="모달창열렸니 =true; 누른거=$event" :원룸="원룸들[i]" v-for="(작명,i) in 원룸들" :key="작명" />

<!-- <Modal :원룸들="원룸들" :누른거 = "누른거" :모달창열렸니 = "모달창열렸니"/> -->
<!-- <div v-for="(a,i) in 원룸들" :key="i">
  
  <h4>{{a.title}}</h4>
  <p>{{a.price}}원</p>
</div> -->
</template>

<script>

import data from './assets/oneroom.js';
import Discount from './Discount.vue';
import Modal from './Modal.vue';
import Card from './Card.vue';

export default {
  name: 'App',
  data(){
    return {
      누른거 : 0,
      원룸들 : data,
      모달창열렸니 : false,
      메뉴들 :['Home', 'Shop', 'About'],
    }
  },
  methods :{
    increase(){
      this.신고수+=1;
    },
  },
  components: {
    Discount : Discount,
    Modal : Modal,
    Card :Card,
  }
}
</script>

<style>
body {
  margin :0
}
div {
  box-sizing : border-box;
}
.black-bg{
  width : 100%; height:100%;
  background :rgba(0,0,0,0,5);
  position: fixed;padding :20px;
}
.white-bg{
  width : 100%;
  background :white;
  border-radius: 8px;padding :20px;
}

.room-img {
  width : 100;
  margin-top : 40px;

}
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}

.menu{
  background : darkslateblue;
  padding : 15px;
  border-radius: 5px;
}
.menu a{
  color : white;
  padding: 10px;
}
.discout {
  background: #eee;
  padding : 10px;
  margin : 10px;
  border-radius: 5px;
}
</style>

• 이 게시글은 박성익에 의해 1 년, 2 월 전에 수정됐습니다.

[codingapple]

어떤 에러메세지가 뜹니까

[박성익]

에러 메세지는 안 뜹니다

[codingapple]

크롬 콘솔창에 뭐 뜨는거 없나 확인해봅시다
template 태그 안에는 여러 html 태그 병렬해서 집어넣으면 안됩니다

• 이 답변은 codingapple에 의해 1 년, 2 월 전에 수정됐습니다.

[박성익]

해보았을 때 Modal과 Card를 import한 후에 크롬 콘솔창에 뜨는게 없었습니다. 
import Modal from './Modal.vue';
import Card from './Card.vue';
이렇게 import 하였는데 무슨 문제가 있을까요

[codingapple]

정확한 에러메세지는 크롬 콘솔탭에 뜹니다
파일저장을 안했거나 파일경로가 틀렸거나 아니면 컴포넌트이름을 2단어로 작성해봅시다

[글쓴이]

글