jhlee의 성장로그

에러메시지 Cannot write file '파일경로/파일명.js' because it would overwrite input file.ts 해결방법 1. allowJs: true설정을 사용하지 않기 근본적인 해결방법은 아니지만 .js 파일을 사용하지 않을거라면 allowJs: false해서 warning을 없앨수있다. (임시방편) 근본적인 해결방법이 아니기도하고, js 확장자가 필요한 상황이라 다른 방법을 찾아보았다. 2. 👍🏻 outDir를 설정하고 exclude에 포함시키기 { compilerOptions: { ..., // 생략 outDir: "dist" // "./" 붙일 필요 없음 }, exclude: ["node_modules", "dist"] } 출처: stockoverflow

TS2732: Cannot find module './파일명.json'. Consider using '--resolveJsonModule' to import module with '.json' extension. tsconfig.json에서 // tsconfig.json "compilerOptions": { // ... 다른 옵션들 "moduleResolution": "node", "esModuleInterop": true, "resolveJsonModule": true } 이후, 원하는 곳에서 import하기

eslint로 코드 검사를 하는데 다음과 같은 메시지가 나왔다. Warning: React version not specified in eslint-plugin-react settings. See https://github.com/yannickcr/eslint-plugin-react#configuration . eslint-plugin-react 세팅에 리액트 버전이 명시되어있지 않다고 나오는데 메시지에서 안내해준대로 해당 링크에 적힌대로 settings: { "react": { "version": "detect", }, }, 를 추가하여 version을 detect하도록 했다. 다시 eslint 검사를 돌렸을 때, Warning 메시지 사라진 것을 확인 할 수 있었다.

에러상황 app.bundle.js:9748 Warning: Middleware for RTK-Query API at reducerPath "authApi" has not been added to the store. Features like automatic cache collection, automatic refetching etc. will not be available. 위와 같은 에러가 떴다. 에러 메시지를 잘 읽어보면 reducerPath에 "authAPI"에 RTK-Query API를 위한 미들웨어가 store에 추가되지 않았습니다. 자동 캐쉬 수집, 자동 리패칭 등과 같은 기능은 사용할 수 없을 것입니다. 라고 적힘. 공식 문서 Configure the store을 살펴보자. Configure..

storybook을 공부해보고 싶어 유튜브 영상을 따라했다. 영상에서 tsdx라는 zero cli tool을 사용하길래 그대로 따라했는데 오류때문에 정상적으로 튜토리얼을 따라할 수 없었다. > npx tsdx create 파일명 으로 명령 작업파일을 tsdx로 생성하고 template 선택, author 입력하면 package가 자동으로 install되야하는데 아래와 같은 에러가 떴다. Failed to install dependencies Error: Command failed with exit code 1: npm install @babel/core @size-limit/preset-small-lib @storybook/addon-essentials @storybook/addon-info @story..

console.log에 노란 밑줄이 생겨서 검색해보니 eslint의 설정을 바꾸면 되는 문제였다. .eslintrc.js 혹은 .eslintrc.json 설정 파일로 가서 확인 "no-console": "warn"으로 설정해두어서 warn이 뜸. "warn"을 "off"로 바꿔주었다. 혹은 일부분만 허용 할수 있다. console.clear / console.error / console.info 등등은 허용. "no-console": [ "warn", { "allow": ["clear", "info", "error", "dir", "trace", "log"] } ] 출처 : https://stackoverflow.com/questions/34215526/eslint-how-to-disable-unexpe..