안녕하세요 선생님 Component props 에러 질문드립니당~

안녕하세요 선생님

App.vue 에서 
1. HTML 코드는 이렇게 작성하고

<Modal :원룸들="원룸들" :누른거="누른거" :모달창열렸니="모달창열렸니"/>

2. JS 코드는 이렇게 작성하고

<script>
import data from "./assets/oneroom";
// 축약해둔 Component 쓰는법
// 1. vue파일 import해오고
import Discount from "./Discount.vue";
import Modal from "./Modal.vue";

export default {
  name: "App",
  data() {
    return {
      // 사용자가 몇번째 상품을 눌렀는지 기록하는 data 만들기
      누른것: 0,
      모달창열렸니: false,
      메뉴들: ["Home", "Shop", "About"],
      원룸들: data, // import 해온 데이터들
    };
  },

  components: {
    // key : value 형태
    // 축약해둔 Component 쓰는법
    // 2. Components 등록
    Discount: Discount,
    Modal: Modal,
  },
};
</script>

Modal.vue 에서는 HTML

  <div class="black-bg" v-if="모달창열렸니 == true">
    <div class="white-bg">
      
      <h4>{{ 원룸들[누른것].title }}</h4>
      <p>{{ 원룸들[누른것].content }}</p>
      <p>{{ 원룸들[누른것].price }} 원</p>
      <Discount />
      <!-- <button @click="모달창열렸니 = false">닫기</button> -->
    </div>
  </div>

JS 코드는 이렇게 작성했습니다

<script>
export default {
  name : 'Modal',
  props : {
    원룸들 : Array,
    누른것 : Number,
    모달창열렸니 : Boolean,
  }
}
</script>

제가 Modal.vue를 만들기 전에 오타가 나서 이름을 바꾸고나서 이런 에러가 뜹니다.
modal.vue → Modal.vue로 바꿈....
import Modal from "./Modal.vue"; 이부분이 자꾸

Already included file name 'c:/User/사용자명/Desktop/Vue/vuedongsan/src/Modal.vue'
differs from file name 'c:/User/사용자명/Desktop/Vue/vuedongsan/src/modal.vue' only in casing

위와 같은 에러메세지가 발생해서 모달창 동작이 되지 않습니다...ㅠ

에러를 해결하고자 package.json 내에서

    "rules": {
      "vue/multi-word-component-names": "off"
    }

을 추가해도 에러가 해결이 되지않아요...

구글링해서 찾아보니 jsconfig.json 내에서 "forceConsistentCasingInFileNames" : false,로 변경하면
파일 이름을 변경해도 에러가 안뜬다고 하는데 jsconfig.json 파일 경로를 찾을 수 없어 질문드립니다.