타입스크립트로 되어있는 리액트 프로젝트에서 prettier설정을 해서 자동 저장이 되게 하고 싶었다.
평소 하던대로 .eslintrc.json파일에
{
"extends": ["react-app", "plugin:prettier/recommended"]
}
이것을 추가해주었는데 에러가 났다.
다른 블로그에서는 아래를 설치해주라고 한다.
npm install eslint-config-react-app
or
yarn add eslint-config-react-app
하지만 나의 문제는 이것이 아니었나 보다.
나는 .prettierrc.js파일을 만들고
module.exports = {
printWidth: 125,
bracketSpacing: true,
jsxBracketSameLine: true,
singleQuote: true,
trailingComma: "all",
tabWidth: 2,
}
이렇게 설정을 해주었고 위에 적었던 extends는 지웠다.
728x90
'에러노트' 카테고리의 다른 글
[에러노트] VScode 에러 날때 (0) | 2023.08.31 |
---|---|
[에러노트] Type 'undefined' is not assignable to type 'Element'. (0) | 2023.03.23 |
[에러노트] react form에서 onKeyPress 2번 실행되는 문제 (0) | 2022.05.02 |
[에러노트] A component is changing an uncontrolled input to be controlled. ... (0) | 2022.04.01 |
[에러노트] Warning: validateDOMNesting(...): <p> cannot appear as a descendant of <p>. (0) | 2022.01.11 |