inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

리액트(ts) Link 관련 질문이 있습니다

386

이은혜

작성한 질문수 80

0

안녕하세요~

리액트(ts) 공부하고 있는 직장인입니다

Link에 target="_blank"를 적용하면

로컬에서는 제대로 보여지는데..

build만 하면 Not Found 에러가 자꾸 보여집니다ㅠㅠ

구글링으로 이것저것 해봤는데도 계속 동일한 현상이 나타나네요...

 

a태그, button onClick까지 적용했지만

build에선 에러가 계속 나요ㅠㅠ

답변 1

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴이에요. Link 컴포넌트를 사용하여 target=“_blank”를 적용하면 로컬에서는 정상적으로 작동하지만, build 후에 Not Found 에러가 발생한다는 문제로 이해했습니다. 이는 주로 라우팅 설정이 올바르게 이루어지지 않아서 발생할 수 있는 문제입니다.

가능한 원인 중 하나는 정적 파일에 캐싱 문제입니다. build 후에 파일 이름이 변경되거나 경로가 변경될 수 있으므로, 동일한 파일을 참조하게 되면 Not Found 에러가 발생할 수 있습니다. 이 문제를 해결하기 위해 빌드 시 파일 이름을 해시 값으로 변경하고, 이를 사용하여 정적 파일을 참조하도록 설정할 수 있습니다. 이렇게 하면 파일이 변경될 때마다 파일 이름의 해시 값이 변경되므로 캐싱 문제를 방지할 수 있습니다.

또 다른 가능한 원인은 라우팅 설정 자체에 문제가 있는 것일 수 있습니다. Link 컴포넌트는 react-router-dom 라이브러리의 일부분으로 라우팅을 처리합니다. build 후에는 경로가 변경되면서 라우팅 설정도 맞춰줘야 합니다. 정확한 해결 방법을 알려드리기 위해서는 코드나 구체적인 설정 내용을 알아야 합니다. 따라서, 해당 내용을 자세히 알려주시면 더 정확한 도움을 드릴 수 있을 것 같아요.

맥유저 입장의 고려해주세요

2

79

1

케이테스트 서버 운영 방법

2

52

1

수업 잘 들었습니다.

2

25

2

실행과정 질문입니다.

2

25

1