stylus 빌드 에러? 뭐야?

[배경]

내부 소스에서 갑자기 오늘 오후부터 amplify와 code build에서 모두 빌드 이슈가 나면서 배포에 실패했습니다. 사유는 npmjs의 stylus 패키지가 존재하지 않아서 fetch 에러가 발생합니다..

 

프로젝트에서 stylus는 package.json에도 명시가 되어지지 않았는데 알고보니 nx/webpack의 의존성 모듈이라고 합니다. 즉, nx/webpack 패키지 내부적으로 사용하는 stylus-loader가 stylus를 의존하고 있다는 뜻입니다.

npm ls stylus --all

// 결과
소스..
├─┬ @nx/webpack@17.1.2
│ ├─┬ stylus-loader@7.1.3
│ │ └── stylus@0.59.0 deduped
│ └── stylus@0.59.0
└─┬ vite@3.2.11

 

 

해당 0.59.0 버전이 갑자기 npmjs registry에서 제거가 되었나? 고민하며 버전을 높이고, 낮춰보았지만 그래도 해결되어지지 않았습니다.

 

 

[해결]

https://github.com/stylus/stylus/issues/2938

stylus 공식 github을 찾아 지금으로부터 약 4시간 전 올라온 글이 있었는데요

”I suspect that npmjs officially mislabeled the stylus library, preventing developers from downloading stylus. I apologize for this.”

npmjs가 공식적으로 스타일러스 라이브러리의 이름을 잘못 지정하여 개발자들이 스타일러스를 다운로드 받지 못하게 한다?!?!

또, 어떤 분은 핵이라고 말씀하시는 분도 있는데

결국 해결은 stylus 공식 github의 tar.gz 파일을 다운로드 받을 수 있게 명시해주었습니다.

  "devDependencies": {
    "stylus": "<https://github.com/stylus/stylus/archive/refs/tags/0.59.0.tar.gz>",
	}

이제 stylus는 파일을 잘 찾아서 빌드가 정상적으로 잘 작동하네요!