babel.js 적용 후 개발자 도구에서 main.js 보이지 않는 현상
551
작성한 질문수 3
안녕하세요.
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로 띄웠을 때 화면입니다.
혹시 다른 설정을 확인해 봐야 할까요.
답변 1
0
안녕하세요.
말씀하신 부분을 저도 처음 들어봐서, 테스트삼아서, 확인해봤는데요. 저도 역시 babel 적용을 했는데, 다음과 같이 main.js 가 보이던데요. 뭔가를 더 체크해봐야 할지도 잘 모르겠긴 한데... 혹시 main.js 가 경로가 잘못되었다든지 해서, 아예 로딩이 안된 것이 아닌가도 한번 확인해보시면 어떨까요? (경로를 달리해서 테스트해보시면 어떨까요? 아니면 babel만 딱 빼보고 다시 테스트해보셔도 좋을 것 같습니다.)
잔재미코딩 by Dave Lee 드림
0
친절한 답변 감사합니다.
원인은 모르겠지만 아무래도 환경 문제인듯 하네요. 동일한 파일을 다른 PC에서 실행하니 위에서 캡쳐해 주신 것과 동일하게 뜹니다.😢
babel만 빼고 테스트 하면 아래와 같이 나옵니다. (다른 예제들과 동일)
babel을 사용할 경우에는 js/main.js 폴더 구조 대신 index.html이 위치한 곳에 (호환성 보완된)main.js를 뿌려주는 것 같네요.
혹시나 해서 Edge 개발자 도구에서 실행하니 잘 나오네요 :-)
뭔가 VS Code(Go Live) 과 크롬 개발자 모드 사이에 궁합이 안 맞았나 봅니다.
교육기간을 연장할 수 있는지 문의드립니다.
0
34
1
메일 확인부탁드립니다
0
56
1
CodeSandbox Vanilla 질문있습니다
0
59
1
part1을 수강하지 않아도 지장이 없다 하셨는데
0
105
1
강의에 관해 문의 드립니다.
0
90
1
메일확인 부탁드립니다.
0
90
1
14강 - 72,73번 강의 영상이 동일한거 같습니다.
0
105
1
Symbol 관련 테스트 코드 실행 결과 문의
0
139
1
호환성 관련 태그
0
119
1
강의화면은 index.js인데 왜 샌드박스코드에서는 index.mjs인지 궁금해요
0
136
1
강의화면은 index.js인데 왜 샌드박스코드에서는 index.mjs인지 궁금해요
0
144
1
div id="highlighter"가 강의화면에는 없는데 왜 샌드박스파일에는 있는지 궁금해요
0
86
1
강의화면에 height 가 vh가 아닌 vw라고 나와있는데 뭐가맞는거죠
0
116
1
메일 확인 부탁드립니다.
0
146
1
메일 확인 부탁드립니다
0
150
1
특별한 형태의 javascript배열에서
0
135
1
메일 확인부탁드립니다!
0
160
1
codesandbox 업데이트..
0
143
1
pdf 파일에 있는 링크주소로 들어가지지가 않습니다.
0
266
2
강의에서 알려주신 Properties for the flex container 복습 사이트, 검색 발견되어서 공유드립니다~
0
151
1
removeEventlistener 를 왜 해주어야 하는지
0
227
1
100vw 관련 질문
0
332
2
VS CODE html:5 <tab>기능이 안됩니다
0
344
1
[모던웹페이지 만들기9](1:40)class-desc 카드부분관련
0
244
2