node_modules_ionic_c…enu_3_entry_js.js:2 Menu: must have a "content" element to listen for drag events on. node_modules_ionic_core_dist_esm_ion-menu_3_entry_js.js:2 Menu: must have a "content" element to listen for drag events on. 에러 해결 예시

1. 에러 원인 : ion-content 태그가 없어서 발생한 문제입니다.

2. 추가로 drag events on -> 이 부분은 content 와 연결된 이벤트가 있는데 그 부분이 없어서 발생한 것으로 보입니다.

 

<ion-content id="main"></ion-content/>

 <ion-menu contentId="main" side="end">
 	<div>...
 </ion-menu>

3. ion-content 태그를 넣어 오류 해결

4.  제 경우 ion-menu 태그에 콘텐트 id 를 명시해서 해당 메뉴를 달았으나, ion-conent 에 id 값이 없어서 main 을 달아 해결했습니다.

5. 레이아웃 특성상 ion-content 를 사용하면 css가 깨지고 스크롤바에 css가 먹히지 않아 다르게 처리했습니다. 일반적으로 콘텐트 태그 안에 요소를 넣지만, 제 경우 오직 에러 알림 제거용도로만 ion-content 태그를 사용했습니다.