[리액트 에러 React Error] Manifest: Line: 1, column: 1, Syntax error.

 

안녕하세요.

디자인도 하고, 개발도 하는 '디발자 뚝딱'입니다.

 

이번 포스팅에서는 리액트로 개발할 때 볼 수 있는

'Manifest: Line: 1, column: 1, Syntax error.' 에러 해결방법에 대해 알아보겠습니다.

 

CRA로 리액트 프로젝트를 생성하면 minifest.json이 생성됩니다.

매니페스트란 웹앱에 대한 정보를 담고 있는 json를 말하는데요.

예를 들어, 배경색은 어떤 색인지, 파비콘은 어떤 사이즈이며 어떤 확장자인지 등을 담고 있습니다.

 

  해결방법

1. index.html 파일을 열어주세요.

2. manifest 코드를 찾아 수정해주세요. ( '/' 추가)

<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />

=> <link rel="/manifest" href="%PUBLIC_URL%/manifest.json" />