반응 라우터 돔 오류를 해결할 수 없음을 수정하는 3가지 방법

당신이 리액트라면 프로그램 제작자 웹을 구축하는 사람 응용 프로그램, 사용자가 탐색할 수 있도록 전용 라우터가 필요합니다.

그러나 때때로 충돌하고 메시지를 표시 할 수 있습니다. 모듈을 찾을 수 없음: react-router-dom을 확인할 수 없습니다. 그리고 당신은 그것을 고치는 방법에 대해 모를 수도 있습니다.

오늘은 React 라우터의 가장 일반적인 오류 중 하나를 수정하는 데 도움을 드리겠습니다. 계속 읽으십시오!

React 라우터 돔이란 무엇입니까?

React Router는 React를 위한 본격적인 클라이언트 측에서 서버 측 라우팅 라이브러리입니다. React Router Dom은 사용자가 효율적으로 탐색하는 데 도움이 되는 웹 앱에서 동적 라우팅을 사용합니다.

React 웹 앱을 빌드하는 개발자는 React Router Dom을 사용하여 빌드합니다. 단일 페이지 애플리케이션 웹에서. 즉, 많은 페이지나 구성 요소가 있는 웹 응용 프로그램은 새로 고쳐지지 않습니다. 오히려 콘텐츠를 동적으로 가져옵니다.

반응 라우터는 기존 페이지 탐색과 비교할 때 매우 빠르기 때문에 더 나은 사용자 경험을 제공하고 전반적으로 더 나은 앱 성능을 제공합니다.

이제 라우팅이 무엇인지, 프로그래머가 React Router Dom을 사용하는 이유를 알았으니 아직 한 가지 알아야 할 사항이 있습니다. React Router에는 세 가지 유형이 있으며 각각은 목적에 부합합니다.

React 라우터 VS React Dom VS React Native의 차이점

React 개발자라면 세 가지 라이브러리 중에서 선택할 수 있습니다. 세 가지 모두 거의 동일하지만 사용 사례가 있습니다. 차이점을 이해할 수 있도록 각각을 살펴보겠습니다.

• 반응 라우터 – react-router-native 및 react-router-dom 라이브러리의 모든 사용자 지정 구성 요소 및 기능을 포함합니다.
• React-router-dom – 주로 React로 구축된 웹 애플리케이션에 사용
• 리액트 라우터 네이티브 – React를 사용하여 모바일 애플리케이션을 만드는 데 사용되는 React Native 프레임워크용으로 구축됨

오류 모듈을 찾을 수 없다는 메시지가 표시되면 어떻게 해야 합니까?

1. 종속성을 올바르게 설치하십시오.

1. 종속성을 올바르게 설치하십시오.
2. 제대로 입력했는지 확인 반응 라우터 돔 또는 입력한 경우 반응돔 또는 반응 돔? 왜냐하면 후자의 두 가지는 올바르지 않기 때문입니다.
3. 종속성이 제대로 설치되지 않은 경우 react-router-dom 명령을 사용하여 종속성을 설치합니다.
4. 오류가 있는 경우 모듈을 찾을 수 없습니다: react-router-dom을 확인할 수 없습니다 올바른 종속성을 설치한 후에도 지속되면 다음 명령을 시도하십시오. npm install react-router-dom --save 또는 npm install -S react-router-dom

콘솔에서 위에서 언급한 명령을 사용하여 package.json 파일에 dev 종속성을 추가합니다. 이를 통해 오류를 해결하고 동시에 다음을 표시하는 다른 컴퓨터에 종속성을 설치할 수 있습니다. 모듈을 찾을 수 없음: react-router-dom을 확인할 수 없습니다.

2. NPM을 버전 5로 업데이트

1. NPM을 버전 5로 업데이트합니다.
2. NPM을 버전 5로 업데이트하려면 다음 명령을 사용하십시오. npm 업데이트 -g
3. 여전히 오류가 발생하면 지금 확인하십시오. 모듈을 찾을 수 없음: react-router-dom을 확인할 수 없습니다..

버전 5 이전에는 NPM이 기본적으로 다음 아래에 패키지를 설치했습니다. node_modules.

모듈/앱에 대한 종속성을 설치하려는 경우 이를 설치한 다음 package.json의 종속성 섹션에 수동으로 추가해야 합니다. 버전 5로 업데이트하면 다음과 같은 문제도 해결할 수 있습니다. Axios를 해결할 수 없습니다.

3. 올바른 종속성이 설치되어 있는지 확인하십시오.

1. VS 코드에 올바른 종속성이 설치되어 있는지 확인하십시오. Ctrl 버튼을 누른 상태에서 마우스 왼쪽 버튼을 클릭하십시오. 반응 라우터 돔 단어.
2. 클릭 후 종속성의 원본 node_modules 파일로 리디렉션되어야 합니다. 리디렉션되지 않으면 다시 설치하십시오.
3. 명령을 사용하여 설치할 수 있습니다. npm install react-router-dom --save 또는 npm install -S react-router-dom

그만큼 해결할 수 없음 React Router의 오류는 일반적으로 부적절한 설치로 인해 발생합니다. 그리고 이것은 일반적으로 사용하려는 응용 프로그램에 올바른 종속성이 설치되어 있지 않을 때 일반적입니다.

React Router는 애플리케이션의 UI와 URL을 동기화 상태로 유지하여 웹 앱을 만드는 데 도움이 됩니다. 이러한 응용 프로그램은 배포하기가 훨씬 쉽고 효율적이며 사용자 경험이 크게 향상됩니다.

그러나 대부분의 경우와 마찬가지로 React Router는 때때로 충돌하거나 오류 코드를 표시할 수 있으며 적절한 도움을 받아 수정할 수 있습니다.

오류를 해결하는 데 도움이 되었기를 바라며 아래 의견에서 동일한 문제에 대해 답변을 듣고 싶습니다!