# staticwebapp
azure next.js static-web-app 빌드 error
azure로 next를 초기설정하고 바로 static web app 빌드를 진행하였다. 아무것도 건들이지 않고 npx create next 로 바로 생성하고 빌드를 진행한터라 npm run dev 도 잘되고 문제가 없을것이라고 생각하였다. 초기에 만난에러 vite로 빌드 하였을때 yml 파일을 만지고 했었는데 알고보니 azure에서 static web app을 만들때 github 연동하고 만들면 자체로 yml 파일을 배포 해주었다. 당시에 내 로컬상 코드가 push가 안되어서 강제 푸시했던 일이 있었는데 yml 파일이 없었던 로컬이었기 때문에 다시 yml 파일을 만드느냐고 삽질한것이다.. 그냥 azure 홈페이지에서 static-web-app을 만들때 github과 연동하고 내 로컬 상 코드에 pull 받아오면 yml 파일이 자체 생성 되어 있다. 하지만 빌드를 진행한 이후 오류가 나왔다.
azure static web app 배포중 생긴 오류
마이크로소프트 에저를 사용하다가 만난 에러 기존에 설명서대로 github를 연동해서 github 자체 리액트 레포지토리 개설때에는 문제없이 잘 되었고 vite+react+typescript를 적용하여서 배포를 진행해보고 싶어서 web app 배포를 진행하게 되었다. 뭐가 문제인지 이전 성공된 코드와 살펴 보았을때 azure의 static web app 으로 배포를 진행하기 위해서는 루트 디렉토리에 .github/workflows 폴더 내부에 yml 이라는 확장자 파일이 있어야 했다. 처음 성공때에는 github 리액트 레포지토리로 만들었는데 자체(스스로) 생성이 되어 있었다. 그래서 vite로 진행한 코드에 추가로 생성해주었는데 이부분이 파이프 라인으로 어떻게 배포하고 빌드할지 설정해주는 과정을 담는 코드부분이었다. 어떻게 작성해야 할지 몰라서 기존에 성공한 파일을 그대로 가져다가 생성해주었다. 빌드가 잘 되는가 싶더니 아래와 같은 에러가 발생하게 되었다.