React-scripts -> config -> paths.js"를 찾습니다. 2. 내용을 "envPublicUrl || (publicUrl? url.parse(publicUrl).pathname: ' ./');"; 3. 다시 컴파일하고 패키지합니다."/> React-scripts -> config -> paths.js"를 찾습니다. 2. 내용을 "envPublicUrl || (publicUrl? url.parse(publicUrl).pathname: ' ./');"; 3. 다시 컴파일하고 패키지합니다.">
잘못된 반응 빌드 경로에 대한 해결 방법: 1. "node_modules -> React-scripts -> config -> paths.js"를 찾습니다. 2. 콘텐츠를 "envPublicUrl || (publicUrl ? url.parse(publicUrl)"로 수정합니다. ).pathname : './');"; 3. 다시 컴파일하고 패키지하면 됩니다.
이 튜토리얼의 운영 환경: Windows 10 시스템, 반응 버전 18.0.0, Dell G3 컴퓨터.
React 빌드 경로가 올바르지 않으면 어떻게 해야 하나요?
React 프로젝트가 빌드된 후 리소스 파일 경로가 잘못되거나 빈 페이지가 열리고 문제 및 간단한 해결 방법
node_modules 찾기 -> React-scripts -> paths.js
수정
function getServedPath(appPackageJson) { const publicUrl = getPublicUrl(appPackageJson); const servedUrl = envPublicUrl || (publicUrl ? url.parse(publicUrl).pathname : '/');//改成'./' return ensureSlash(servedUrl, true); }
에서
function getServedPath(appPackageJson) { const publicUrl = getPublicUrl(appPackageJson); const servedUrl = envPublicUrl || (publicUrl ? url.parse(publicUrl).pathname : './'); return ensureSlash(servedUrl, true); }
재컴파일하고 패키징하세요
또는 더 쉬운 방법은 package.json에 다음 문장을 추가하는 것입니다
“homepage”: “.”,
이렇게 하면 모든 자산 경로가 index.html
에 상대적이므로 애플리케이션이 재구축 없이 http를 //mywebsite.com에서 http://mywebsite.com/relativepath 또는 심지어 http://mywebsite.com/relative/path로 이동합니다.
HTML5 pushState 기록 API를 사용하지 않거나 클라이언트 라우팅을 전혀 사용하지 않는 경우 애플리케이션의 URL을 지정할 필요가 없습니다.
리소스 경로가 여전히 잘못된 경우 recat 프레임워크는 BrowserRouter 라우팅을 사용할 수 있으며 이로 인해 브라우저가 해당 라우팅 구성에 액세스할 수 없게 됩니다. 이 라우팅은 문제를 해결하기 위해 HashRouter를 대체할 수 있습니다. 비어 있거나 잘못된 리소스 경로.
추천 학습: "반응 비디오 튜토리얼"
위 내용은 React 빌드 경로가 올바르지 않으면 어떻게 해야 하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!