[React] npx 설치 시 오류 해결방법 (Feat. yarn, Vite로 설치 방법)

개발/React

[React] npx 설치 시 오류 해결방법 (Feat. yarn, Vite로 설치 방법)

hr0513 2025. 2. 3. 09:58

728x90

안녕하세요, hr0513입니다!
npx 설치 시 오류 해결방법에 대해 알려드리겠습니다

1. npx 설치 시 버전 맞추기 (2025년 기준)

npx create-react-app ./ 명령어 실행 시, 최신 버전과의 충돌로 인해 오류가 발생할 수 있습니다.
이를 해결하려면 React 및 관련 라이브러리를 수동으로 설치해주는 것이 좋습니다.

해결 방법

프로젝트를 생성할 디렉터리에서 다음 명령어를 실행합니다.
```
npx create-react-app ./
```
React 및 React DOM을 특정 버전으로 설치합니다.
```
npm install --save react@^18.0.0 react-dom@18.0.0
```
@testing-library/react도 버전을 맞춰 설치합니다.
```
npm install @testing-library/react@13.4.0
```

reportWebVitals.js 파일에서 관련 코드를 주석 처리하여 불필요한 오류를 방지할 수 있습니다.

import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.css';
import App from './App';
//import reportWebVitals from './reportWebVitals';

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
);

// If you want to start measuring performance in your app, pass a function
// to log results (for example: reportWebVitals(console.log))
// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
//reportWebVitals();