HAEDDA

고정 헤더 영역

글 제목

메뉴 레이어

HAEDDA

메뉴 리스트

  • 홈
  • 태그
  • 방명록
  • 분류 전체보기 (23)
    • Interactive Web (4)
      • GSAP (4)
    • css (8)
    • 스터디 프로젝트 (7)
    • javascript (2)
    • App (0)
    • tip (2)

검색 레이어

HAEDDA

검색 영역

컨텐츠 검색

tip

  • vite 사용시 모바일에서 개발 서버 확인하는 법

    2024.08.15 by 해따'

  • vite 프로젝트 생성시 fsevents 오류 발생

    2024.08.14 by 해따'

vite 사용시 모바일에서 개발 서버 확인하는 법

반응형 작업을 할 때 보통은 개발자도구의 Device mode를 사용한다.하지만 이렇게 디바이스 모드로 보는 것과 모바일 기기로 보는 것이 느낌이 다를 때가 있다. 그래서 일할때는 꼭 내 휴대폰으로 한번씩 개발 서버에 접속해실제 모바일기기에서는 어떤 느낌으로 보여지는지 확인하곤 한다. 개인 포트폴리오 작업 중에도 이렇게 모바일 기기로 확인하고 싶어져서방법을 찾아봤다.회사에서처럼 그냥 ip주소로 접속하면 될 줄 알았는데vite를 사용해서 그런건지 package.json 파일을 조금 수정해주어야 했다. (아주 간단함!)  [기존 코드] [수정된 코드] "dev"의 vite를 vite --host로 변경해주기만 하면 끝!  서버를 재실행해보면, 기존에는 localhost만 떴던 것과 달리코드 수정 후에는 ip..

tip 2024. 8. 15. 15:52

vite 프로젝트 생성시 fsevents 오류 발생

vite로 포트폴리오 사이트를 만들어보려 했는데서버 실행이 안되고 자꾸 이런 오류가 발생했다. TypeError: fsevents.watch is not a function at createFSEventsInstance  ...? 🥹CRA로는 잘만되는데 vite는 왜... 🥹🥹  node 버전도 업그레이드 해보고fsevents도 재설치해보고node-modules와 package-lock.json 삭제 후 재설치도 해보고gpt한테 울어도 보고구글 서치해서 해보라는거 다 해봤는데도 안되더니결국 npm install watchman이 해결책이었다... 🥹  혹시 watchman 설치하는데 이런 오류가 뜬다면 권한 문제니까sudo를 앞에 붙여주면 된다. 분명 나중에 또 이럴 것 같아서 나를 위해 남기는 ..

tip 2024. 8. 14. 23:51

추가 정보

인기글

최신글

반응형

페이징

이전
1
다음
TISTORY
HAEDDA © Magazine Lab
페이스북 트위터 인스타그램 유투브 메일

티스토리툴바