반응형 frontend11 [Vue] vue-typescript 프로젝트에서 Cannot find module '../views/~~.vue' or its corresponding type declarations 에러 새롭게 진행할 프로젝트에서 프론트엔드를 Vue로 개발하기로 했다. 함께 진행하시는 분은 Vue를 회사에서 이미 쓰고 있었지만 나는 리액트만 써왔기 때문에 공식문서를 보고 튜토리얼을 따라한 다음 Vue 프로젝트를 만들었다. 적당한 폴더를 열고 > npm init vue@latest 옵션은 타입스크립트로 줬고 그렇게 해당 디렉토리에 들어가 npm install을 하고 npm run dev로 무사히 프로젝트를 실행시켰다. 이제 파일을 하나하나 열어보는데 index.ts 파일을 열었을 때 Cannot find module '../views/HomeView.vue' or its corresponding type declarations 이런 식으로 에러가 뜨는 것이다. 아 프로젝트 동작은 하는데 무엇이 문제인가 찾.. 2024. 1. 3. [React] Vite로 React 프로젝트 세팅하기 강의를 듣고 세팅하는 방법을 기록해두는 포스팅.. Vite는 프론트엔드 개발을 더 용이하게 해주는 일종의 개발 툴이라고 할 수 있다. vite는 go로 작성된 esbuilder를 사용하기 때문에 매우 빠른 빌드 속도를 자랑한다. 먼저 새로운 vite 프로젝트를 생성해보자 npm create vite@latest 터미널을 열고 위 명령어를 실행한다. 프로젝트 이름을 정하고 프레임워크를 선택하라고 나오는데 나는 React를 선택할 거니까 React를 골라준다. 그 다음엔 자바스크립트를 사용할지 타입스크립트를 사용할지 고르라는 선택지가 나오는데 난 Rust typescript 컴파일러인 SWC가 포함된 두번째 옵션을 선택했다. 그럼 프로젝트가 생성이 되었다. 위 설명대로 프로젝트 경로로 이동해서 패키지들을 설.. 2023. 11. 17. [Prisma] All elements of the array need to be Prisma Client promises. transaction 에러 해결 거창한건 아니고 내가 보려 만드는 에러 해결법... 기존에 디비 커넥션을 걷어내고 prisma로 마이그레이션 하고 있는 와중에 트랜잭션 처리를 해야되는 상황에 처했다. try,catch,finally로 다 컨트롤 해줘야되던 기존 방식과는 달리 $transaction 함수 하나만 쓰면 되길래 참 편하구나 하고 기존 쿼리를 배열에 넣고 해당 배열을 $transaction 함수에 파라미터로 넘겨주었다. 그랬더니 에러가 났다. 한참 공식문서 뒤적거리다보니 문제를 발견했는데 이렇게 prisma 객체 안에 넣어서 배열에 넣어야 됐는데 나는 그냥 쿼리 문자열을 배열로 넣어서 안됐던 것이였다. 조금만 생각해도 바로 알텐데 참으로 바보 같이 행동해 얻은 에러였다... 2023. 10. 30. [Prisma] NextJS Prisma Error: EPERM: operation not permitted, unlink 'node_modules\.prisma\client\query_engine-windows.dll.node' 해결 어렵게 어렵게 기존 디비 연결을 걷어내고 prisma로 대체하고 있다. 간단한 model들로 실험해 성공한 뒤에 전체 디비 테이블들을 model로 작성하고 npx prisma generate 명령어를 치니... 이러한 에러가 떴다. 캐시도 지워보고 node_modules도 지우고 버전도 최신걸로 다시 설치해보고 했는데도 안됐는데 한 깃헙 이슈에서 해결 책을 찾을 수 있었다. https://github.com/prisma/prisma/issues/9184 EPERM: operation not permitted, unlink '...node_modules\prisma\query_engine-windows.dll.node' · Issue #9184 · prisma/prisma Bug description Fo.. 2023. 10. 27. 이전 1 2 3 다음 반응형
