JavaScript/Error 썸네일형 리스트형 Error: listen EADDRINUSE 127.0.0.1:3000 webpack으로 devserver 켤때 위와 같은 에러가 나면, 터미널 두개 켜져 있는거~ /Users/user/workspace/portpolio/trabee-web/front-end/src/components/DynamicPage/index.js: ENOENT: no such file or directory, open '/Users/user/workspace/portpolio/trabee-web/front-end/src/components/DynamicPage/index.js' 번들러로 Parcel를 사용하여 타입스크립트를 잘못 셋팅해서 jsx > tsx > jsx 로 다시 롤백했다. 기존 tsx를 jsx로 바꿨음에도 불구하고 index.js를 찾는 에러가 발생했다. root > .cache에서 타입스크립트 파일을 캐싱하고 있어서 발생한 이슈였다. .cache파일을 제거해주면 정상적으로 작동한다. <video> 이슈 STEP 인트로 페이지에는 video가 들어가야 됐다. 태그 삽입 중에 두가지 역경을 맞이했는데.. 1) 비디오는 로드되지만, 플레이가 안된다? (검은 박스 상태) 이건 코덱 문제였다. HTML5의 표준 코덱은 H.264 코덱인데, 공유받은 코덱이 MPEG Video여서 동작이 안되는 것이였다. 2) 비디오는 잘 들어오지만, autoplay가 되지 않는 상황 이건 video 태그에 인라인으로 width, height 값을 지정해주지 않아서 였다. 3) PC에선 잘 재생되지만, 모바일에서 재생이 안된다? video 태그에 playsinline 속성을 넣어준다. 이번주 삽질 끝~! (제발~~) Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('https://www.youtube.com') does not match the recipient window's origin ('http://localhost:4433'). vue-youtube-embed 플러그인을 사용하여, youtube를 page에 삽입할 때, 다음과 같은 오류가 발생하였다. Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('https://www.youtube.com') does not match the recipient window's origin ('http://localhost:4433'). youtube를 로그인하면 이러한 오류는 발생하지 않는다. 구글링 해보니, 다들 같은 고민을 하고 있는 듯 하였다. I took a deeper look into this, it seems like it might be a timing issue with the YouTub.. Refused to apply style from 'http://localhost:8080/video/style.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled. 클로버 동영상 기능 개발 중 http://localhost:8080/video/1 다음과 같이 접근 했을 경우 이러한 에러가 발생하였다. Refused to apply style from 'http://localhost:8080/video/style.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled. index.html에 를 추가 함으로써 해결했다. 원인도 모르고 왜 이렇게 해야되는지도 모른다 > You may need an appropriate loader to handle this file type. webpack.config.development.js를 작성할 때까지만 해도 아래 에러가 안났는데, webpack.config.production.js을 작성한 후 빌드하니깐 다음과 같은 에러가 났다 ㅎ.. ERROR in ./src/index.js 8:4 Module parse failed: Unexpected token (8:4) You may need an appropriate loader to handle this file type. | const render = Component => | ReactDOM.render( > | | , @ multi (webpack)-dev-server/client?http://localhost:8080 ./src main[1] 분명 webpack.config.pr.. 이전 1 2 다음