DevTools failed to parse SourceMap: webpack:///node_modules/sockjs-client/dist/sockjs.js.map

[hyunju-seo]

안녕하세요

17. 프론트엔드 강의에서

index.js에

(async()=>{
    const url= 'http://localhost:8080/restaurants';
    const response=await fetch(url);
    const restaurants = await response.json();
    console.log(restaurants);

    const element=document.getElementById('app');
    element.innerHTML=JSON.stringify(restaurants);
})

를 했는데 화면에 정보가 나타나지 않고, 위에 console.log(restaurants)도 실행되지 않습니다.

chrome console 창에

 DevTools failed to parse SourceMap: webpack:///node_modules/sockjs-client/dist/sockjs.js.map
client:52 [WDS] Live Reloading enabled.

이렇게 뜨는데 찾아봐도 이유를 모르겠습니다.

[ahastudio]

둘은 다른 문제입니다.

아무 것도 안 나오는 건 함수를 실행하지 않아서 그렇습니다. 마지막에 ()를 추가해서 함수를 실행해 주세요.

// 아무 일도 일어나지 않음.
(() => { console.log('!'); });

// 실행됨.
(() => { console.log('!'); })();

DevTools 실패는 말 그대로 소스맵 파일이 없어서 나오는 경고입니다. 에러는 아니고, 위의 문제와 무관합니다.