OKKY
커뮤니티
Q&A
지식
이벤트
Contact
부트캠프
Jobs
Search Bar
로그인
회원가입
vite
전체
최신순
질문하기
답변
3
k.syarng
·
거의 2년
546
0
답변 3
리액트 프로젝트를 IE11에서 동작하게 하고 싶은데 어떻게 해야 될까요?
바이트를 사용하여 타입스크립트의 리액트 프로젝트를 만들고 MUI5를 이용해서 개발중 인데요 IE11에서 아무 에러 표시도 없고 그냥 빈 화면만 뜨고 있어서 인터넷 검색을 해봤는데 해결법을 못찾아 OKKY에 질문 드립니다. vite의 경우 vite.config.ts파일에 lagacy 설정을 추가하면 IE11을 지원할 수 있다고 찾아서 해봤지만 소용이 없었습니다... 제가 무엇을 더 해봐야 할 까요? 알려주시면 감사하겠습니다 ㅠㅠ 아래는 리액트 프로젝트의
답변
2
axc
·
거의 2년
386
0
답변 2
vue+typeScript 컴파일?
vue + vite + typeScript intellij 환경으로 개발중입니다. *.vue파일들은 변경되면 당연하다는 듯이 알아서 재로딩 해주는데 문제는 어느 순간부터 typescript file ex) store, api 들은 변경을 해도 개발자도구에서 열어보면 이전코드로 계속 실행되고 변경사항이 반영이 안되는 문제가 있습니다. node나 typeScript 나 뭐 크롬 캐쉬도 여러번 지워봤구요 ... 왜이러는지,, 한 가지 의심은
답변
4
frontend
·
거의 2년
443
0
답변 4
typescript 익혀둬야할까요? 환경 세팅에만 애먹고 있네요 ㅠ
구글링 해서 전에 craco 썼던거 처럼 tsconfig.json, vite.config.ts 수정했는데 vs코드에서 저렇게 나오네요 -.- ;; 아예 에러였으면 컴파일에서 막혔을텐데 수정해보면 로컬에 바로 반영됩니다. 무시하자니 영 거슬리고.. cra 지원 중단 됐다 해서 따라가보려는데 쉽지않네요
답변
2
Dev.보노보노
·
약 2년
332
0
답변 2
vite hmr 질문 있습니다.
vite의 이용해서 hmr을 사용해서 코드가 수정되면 자동으로 refresh가 되도록 하려고 합니다. 실제로 코드를 수정했을 경우, 브라우저 창이 선택(활성화) 되지 않았을 경우, refresh가 되지 않고 있습니다. 코드 수정 후 브라우저를 선택하기만 해도 코드 변경은 반영이 되고요. 따로 추가적으로 설정해 줘야 하는 부분이 있는건지, 브라우저 문제인지 잘 모르겠습니다. 선배님들 조언 부탁드립니다. ㅠㅠ
답변
1
하루하루1
·
약 2년
596
0
답변 1
react vite 빌드 에러..
리액트 vite 프로젝트 npm run build를 하니 "jsx" is not exported by "node_modules/react/jsx-runtime.js", imported by 이러한 오류가 뜹니다.. 이미지 태그쪽에서 에러가 뜨는거면 assets폴더를 src가 아닌 public폴더에 넣어놨는데 (이미지 import 경로는 절대경로로 작성했습니다.) 빌드할때 public폴더를 못읽어와서 이러는걸까요..?
답변
2
hahauw
·
2년 이상
472
0
답변 2
vite 관련해 질문드립니다
프로덕션에 vite를 사용하여 개발환경을 구성하려고 공부 중인데, 궁금한 점이 생겨 질문 올립니다! 제가 vite 공식 가이드와 구글링하면서 이해한 바로는 “기존 브라우저 환경에서는 모듈화된 코드들을 브라우저가 읽을 수 없어 webpack과 같은 번들러를 이용해 하나의 파일로 합치는 과정을 거쳤고, 이것이 일반적인 번들러의 역할이었으나 브라우저가 ESM을 지원하면서 import, export를 별도의 도구 없이 브라우저 자체에서 해석할 수 있고 처
답변
1
Long_LeHwa
·
2년 이상
353
0
답변 1
Vite 다른 에러는 로그로 나오는데 Typescript는 에러 표시가 따로없네요.
이렇게 제가 일부로 에러낸거긴 하지만 만약에 에러가 발생하면 이런식으로 오류창이랑 터미널에도 오류 내역 나오잖아. 그런데 typescript 관련된 에러는 따로 표시를 안해주네요. 혹시 vite에서 typescript 에러 표시하는 설정 어떻게하는지 아시는분 있나요? 방법없으면 브라우저 콘솔로 봐도 되긴하지만, 이러면 화면이 부족해서요.
답변
1
ksoeos
·
2년 이상
381
0
답변 1
vue3 vite filedown 시도 중 에러 질문
안녕하세요 현재 vue3+springboot로 개발 진행중입니다. 현재 문제는 vue3에서 파일다운로드를 구현 진행 중인데 아래와 같은 오류가 발생했습니다. [vite] http proxy error at /file/download?fileName=4c18d271-7e55-4af7-87f4-95ff332a4e2d.docx: Error: Parse Error: Content-Length can't be present with T
답변
2
R4POD
·
2년 이상
394
0
답변 2
eslilntrc.cjs랑 eslintrc.json 파일이 두개가 있는데 차이점이 뭘까요?
vite 환경에서 eslint 설치해서 사용해보려 하는데 eslint 설치 옵션에 json파일을 사용한다를 체크 해서 .json파일이 만들어진거 같은데요 json 파일 사용해보니 intellij 에서 인텔리센스도 되고 편하더라고요 그래서 파일 2개가 있길래 cjs 파일을 빼고 lint 돌려봤더니 또 linting 할땐 .cjs 파일을 바라보는거 같더라고요 ? json파일은 그러면 어디서 설정할 수 있을까요? 아니면 그냥 cjs 파일에 설
답변
1
한둘셋
·
2년 이상
529
0
답변 1
docker에서 backend api 주소
frontend - vite + vuebackend - expressfrontend 코드와 backend 코드를 각각의 docker image로 만들고ec2위에 있는 docker에 올려서 docker-compose.yml로 각각 컨테이너를 실행시키고 있습니다.하나의 도커 네트워크로 연결중이고요이랬을 때 frontend에서 backend로 api요청을 보낼 때 주소를 어떻게 해야하나요?(포트는 front 8001 back 8002로 해놨습니다 !
답변
1
한둘셋
·
2년 이상
826
0
답변 1
dockerfile에 환경변수 받아오기
현재 vite + nginx + docker 구성으로 웹페이지를 개발했습니다 dockerfile로 build후 github container registry에 넣고 ec2서버에서 해당 image를 pull 받아서 docker-compose로 build후 container 실행시키는 방식으로 올리고 있습니다 여기서 문제가 환경변수입니다.... dockerfile에 ENV VITE_BACKEND_API=$API 이렇게 두고 docke
답변
3
기용
·
2년 이상
1.7k
0
답변 3
react, vite 프로젝트에서 파일 압축 관련 질문 드립니다.
안녕하세요. 현재 react와 vite를 이용해서 FE 개발을 하고 있는 fe 개발자 입니다. 다름이 아니라 최근에 react, vite로 빌드를 해서 nginx 로 배포를 했는데요. lighthouse로 체크를 해본 결과 Enable text compression 항목에서 수정하는걸 권유 받아서요. vite-plugin-compression2 모듈을 다운 받아서 vite build를 하면 gz 파일로 빌드가 되는걸 확인했는데요. 궁금한게 gz
답변
1
뭉개
·
거의 3년
581
0
답변 1
vite hmr 에러 (Cannot access 'xxx' before initialization)
vite를 이용하여 vue3로 개발 중에, 일부 파일을 변경하고 저장하면 바로 반영되지 않고 해당 에러가 발생하는 것을 발견하였습니다. 새로고침하여 사용하면 되지만, 불편하여 고치고 싶은데 유사한 에러를 해결하신 분이 있으신가 궁금합니다. 계속 찾아보니 순환참조의 문제라는데 초보 개발자다 보니 어디서 어떻게 문제가 있다는 건지어떻게 찾아나가야 할지 잘 모르겠어서요 .. 오류나기 전 코드들로 check out 해서 확인해봐도이제는 똑같은 오류가 발생
답변
1
haizel
·
약 3년
310
0
답변 1
Vite로 프로젝트 세팅시 오류
Vite + React + Typescript로 프로젝트 세팅하니 아래 사진과 같이 오류가 발생합니다. 필요한 모듈도 설치했는데, 오류가 수정되지 않아 여쭈어봅니다 ! 참고로 IDE는 stackblitz를 사용했습니다. 혼자 해결이 어려워 답변 주시면 감사하겠습니다 :) pakage.json은 다음과 같이 설치했습니다.
답변
0
bububug
·
약 3년
329
0
답변 0
라라벨 vite 배포시 manifest파일 설정
안녕하세요 라라벨 + vite 사용으로 배포 먼저 해보려고 하는데 막히는 부분 있어 올려봅니다.. node 20 버전(18버전도 해봤지만 안되어서..)에 npm run bulild로 localhost에서도 잘 돌아가는거 확인하고 cloudtype에 올렸는데 딱 저 home블레이드에 파일분만 적용이 안되었더군요... package.json 및 기타 사진도 올려드립니다... 몇일 째 하는데도 도대체 왜인지 물어볼 곳도 없어 막막한 가운데 질문드
답변
3
bububug
·
약 3년
470
0
답변 3
laravel vite로 배포시 문의
안녕하세요 cloudtype에 라라벨 +vite로 작업해서 올려놓고 작업하려는데 로컬에서는 npm run dev 하면 잘 돌아가는데 cloudtype에 올려놓고 하면 라라벨은 잘나오는데 vite 부분이 npm run dev전 화면이 나오는데 혹시 따로 설정을 해줘야 할까요? npm run build로 사진처럼 public 폴더 안에 manifest.json 파일 생성되었는데 이 부분을 잘 몰라서요... cloudtype 담당자도 잘 모른다고 해
답변
1
라그나르
·
약 3년
243
0
답변 1
vue3 div#app을 기준으로 화면이 2개로 분할됩니다.
realworld 연습겸 작업중인데 화면이 아래와같이 그려집니다. // main.js, router(index.js) 아주 초보적인 실수일 것 같은데 왜 화면이 2개로 나뉘는 지 이해가 안갑니다. // App.vue 두 눈 씻고 찾아봐도 잘 모르겠습니다. 구글에도 혹시 이런현상 있을까봐 찾아보는데 안나오네요.
답변
1
Bamiya
·
3년 이상
1.7k
0
답변 1
(vite) npm run build 명령어를 사용하면 dist 폴더가 생긴다는데
저는 dist 폴더가 따로 생기지는 않고 build폴더가 생깁니다.혹시 config 같은 설정에 build path가 잘못 설정되있는걸까요?일단 제가 하려고하는것은 vite로 작성한 프로젝트의 git page 배포 입니다.일반적인 webpack으로 배포할때와는 방법이 다른것같더라구요..
해결
1
임금펭귄
·
3년 이상
851
0
해결 1
혼자 vue 개발해보다가 프레임워크도 관심이 생겼습니다.
vue3 혼자 개발해보던 도중에 이제 이것 저것 추가해보고 싶어서 quasar하고 vite 관심 가지게 되었는데요.뭣 모르고 보는 저에게 nuxt가 좀 더 추가적인 확장 같아 보여서 이곳 저곳 질문해보니까nuxt 안에서 vite를 같이 사용 가능하다고 확인 했는데 nuxt(+vite), quasar 조합으로 공부하는 방향성 괜찮을까요?추가적인 조언 해주시면 정말 감사히 받겠습니다.
답변
1
신입받아주세요
·
3년 이상
342
0
답변 1
안녕하세요 vue3와 vite를 이용해서 작업중입니다
제목처럼 vue3와 vite를 이용해서 작업중인데요게시판을 접속 후 글쓰기 버튼을 누른 후 글작성 페이로 전환 된 후 글쓰기를 끝낸 고 router.go(-1)를 통해서다시 게시판메인으로 돌아오게 만들었습니다이럴 경우 첫 게시판 메인 접속시 css를 잘 적용되나 글쓰기를 하고 난뒤 router.go(-1)를 통해 다시 게시판 메인으로 오면 css가 적용이 안된 상태로 보여집니다
이전
1
2
다음
Search Bar
