-
질문 & 답변
카테고리
-
세부 분야
풀스택
-
해결 여부
미해결
babel.js 적용 후 개발자 도구에서 main.js 보이지 않는 현상
21.04.22 19:07 작성 조회수 316
1
안녕하세요.
index.html에 아래와 같이 바벨을 사용하도록 수정한 이후부터 크롬 개발자 도구에서 js/main.js가 보이지가 않습니다.
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.24.0/babel.js"></script>
<script type="text/babel" src="js/main.js"></script>아래는 강의 자료 파일을 그대로 GoLive로 띄웠을 때 화면입니다.
혹시 다른 설정을 확인해 봐야 할까요.
풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
모던 HTML/CSS/VanillaJS+ES6 로 상용화도 가능한 반응형 모던 웹페이지 만들기6
강의실 바로가기
답변을 작성해보세요.
0
잔재미코딩 DaveLee
지식공유자2021.04.23
안녕하세요.
말씀하신 부분을 저도 처음 들어봐서, 테스트삼아서, 확인해봤는데요. 저도 역시 babel 적용을 했는데, 다음과 같이 main.js 가 보이던데요. 뭔가를 더 체크해봐야 할지도 잘 모르겠긴 한데... 혹시 main.js 가 경로가 잘못되었다든지 해서, 아예 로딩이 안된 것이 아닌가도 한번 확인해보시면 어떨까요? (경로를 달리해서 테스트해보시면 어떨까요? 아니면 babel만 딱 빼보고 다시 테스트해보셔도 좋을 것 같습니다.)
잔재미코딩 by Dave Lee 드림
Chang-Hoon Lee
질문자2021.04.24
친절한 답변 감사합니다.
원인은 모르겠지만 아무래도 환경 문제인듯 하네요. 동일한 파일을 다른 PC에서 실행하니 위에서 캡쳐해 주신 것과 동일하게 뜹니다.😢
babel만 빼고 테스트 하면 아래와 같이 나옵니다. (다른 예제들과 동일)
babel을 사용할 경우에는 js/main.js 폴더 구조 대신 index.html이 위치한 곳에 (호환성 보완된)main.js를 뿌려주는 것 같네요.
혹시나 해서 Edge 개발자 도구에서 실행하니 잘 나오네요 :-)
뭔가 VS Code(Go Live) 과 크롬 개발자 모드 사이에 궁합이 안 맞았나 봅니다.
답변 1