[TIL] Manifest Syntax Error 해결

회사에서 운영중인 B2B 서비스 웹에서 매번 발생하는 에러가 하나 있었다.
브라우저 콘솔에서만 찍히는 문법 에러여서 서비스 사용에는 별 영향이 없기도 했고, 사용자가 거의 없는(^^...) 서비스여서 언젠가 고쳐야지 하고 내버려두었었다.
애초에 이 프로젝트 유지보수를 거의 하지 않고 있었다 보니 그렇게 방치되고 있었는데, 최근 다른 팀의 프론트 개발자 동료분이 에러를 해결했다고 내용을 공유해주셨다.
사실 해결이 아주 간단한 것이었는데 그간 우선순위가 밀린다는 이유로 건드리지 않고 있었던 것이 최큼 부끄러웠다네요...
아무튼 매우 간단하니까 간단하게 해결해보자.

Error Message

Manifest: Line: 1, column: 1, Syntax error.

원인 및 해결 방법

// Manifest.json을 matcher에 추가
export const config = {
  matcher: [
    '/((?!api|_next/static|_next/image|favicon.ico|sitemap.xml|robots.txt|images|manifest\\.json).*)',
  ],
};

현재 B2B 서비스는 PWA 적용을 위해서 Manifest 파일 설정이 되어 있다.
그런데 서비스가 전체 회원 전용이다 보니 Next.js의 middleware로 회원 인증 여부를 판별하여 리다이렉트 하는 부분에서 Manifest.json 파일 경로가 제외되어 있지 않았다.
따라서 middleware에 Manifest.json 파일 경로를 제외하도록 추가만 하면 해결!