Npm install @apps-in-toss/web-framework 관련 질문

개발
1

안녕하세요. 항상 수고 많으십니다.

다름이 아니라 기존에 npm install @apps-in-toss/web-framework로 node_modules에 설치가 잘되었었는데,

어제부터 갑자기
npm error code E404
npm error 404 Not Found - GET https://npm.pkg.github.com/@toss-design-system%2Freact-native - npm package “react-native” does not exist under owner “toss-design-system”
npm error 404
npm error 404 ‘@toss-design-system/react-native@>=1.1.0’ is not in this registry.
npm error 404
npm error 404 Note that you can also install from a
npm error 404 tarball, folder, http url, or git url.
404 에러가 표출되는데 어떻게 해야하나요?1

1개의 좋아요
2

안녕하세요 :slight_smile:
WebView로 개발중이신가요 ?

npm install @toss-design-system/mobile @toss-design-system/mobile-ait @emotion/react@^11 react@^18 react-dom@^18

이 커맨드로 TDS 설치 부탁드려요.
계속해서 404 에러가 난다면, 콘솔 우측 하단에 있는 채널톡을 통해 npm 권한을 요청해주세요

3

네 WebView로 개발중입니다. 확인해볼게요. 빠른 답변 감사합니다!.

4

parkgiteck@baggitaeg-ui-MacBookPro jslib % npm install @toss-design-system/mobile @toss-design-system/mobile-ait @emotion/react@^11 react@^18 react-dom@^18
npm error code E404
npm error 404 Not Found - GET https://www.npmjs.com/package/@apps-in-toss/web-framework/@toss-design-system%2Fmobile
npm error 404
npm error 404 ‘@toss-design-system/mobile@*’ is not in this registry.
npm error 404
npm error 404 Note that you can also install from a
npm error 404 tarball, folder, http url, or git url.

똑같이 404 error가 나오네요 ㅠㅠ
권한을 npm 계정을 드렸는데 그 후에 제가 해줘야하는 작업이 있나요?.

제가 웹개발자가 아니라 node도 잘몰라서 어떤 작업이 필요한지 잘 모르겠습니다 ㅠㅠ

5

npm 권한을 받아도 오류가 발생한다는 말씀이실까요?

새로고침을 해도 동일하실까요?

6

아 넵 채팅으로 상담원님께 npm 계정을 전달드렸고 권한부여를 해주셨다고 들었습니다.

그런데 제 프로젝트에서 npm계정관련 아무 작업도 안했는데 혹시 따로 해줘야하는 과정이 있나요?
현재 저는 Flutter 프로젝트에 npm init을 해서 진행중입니다.

7

터미널에서 npm login --registry=https://registry.npmjs.org/ 로 npm 로그인 후 재시도 부탁드려요 :slight_smile:

8

parkgiteck@baggitaeg-ui-MacBookPro heylocal-app % npm install @toss-design-system/mobile @toss-design-system/mobile-ait @emotion/react@^11 react@^18 react-dom@^18
npm error code E404
npm error 404 Not Found - GET https://www.npmjs.com/package/@apps-in-toss/web-framework/@toss-design-system%2Fmobile
npm error 404
npm error 404 ‘@toss-design-system/mobile@*’ is not in this registry.
npm error 404
npm error 404 Note that you can also install from a
npm error 404 tarball, folder, http url, or git url.
npm error A complete log of this run can be found in: /Users/parkgiteck/.npm/_logs/2025-09-11T09_30_55_697Z-debug-0.log

로그인 이후

npm install @toss-design-system/mobile @toss-design-system/mobile-ait @emotion/react@^11 react@^18 react-dom@^18
위 방법으로 설치해도 404 오류가 표출됩니다.

물론 npm install @apps-in-toss/web-framework 이 방법으로도 404 오류가 표출되고요 ㅠㅠ

저는 지금 해당 sdk를 받으면 esbuild로 js를 만들어서 사용하려 하고 있는데 sdk 다운로드에서 막혀서 진행을 할 수가 없네요.
저번주에는 분명 npm install @apps-in-toss/web-framework로 ait 파일 추출까지 성공했습니다.
계속 도움주셔서 감사합니다.

9

npm install @apps-in-toss/web-framework@0.0.40 으로 설치하면 정상적으로 설치가능한데 1.0.3버전부터 위에 전달드린 로그 404오류가 표출됩니다. Error 로그로 들어오는 https://www.npmjs.com/package/@apps-in-toss/web-framework/@toss-design-system%2Freact-native 는 실제로 들어가도 404오류가 표출되고 있고요.

공지를 확인하니까 최신버전부터는 TDS를 사용해야한다고 되어 있는데 IP whitelist 등록해서 TDS 페이지를 참고해서 선행되어야 하나요?

10

web-framework 의존성 TDS 설치를 위해 아래 페이지를 참고하시면 됩니다 :slight_smile:
채널톡을 통해 ip 허용 요청 후 진행 부탁드려요.
https://tossmini-docs.toss.im/tds-mobile/

11

채널톡을 통해서 ip 등록도 완료해서 TDS 사이트는 들어가지는데
parkgiteck@baggitaeg-ui-MacBookPro heylocal-app % npm install @toss-design-system/mobile@2.1.0
npm error code E404
npm error 404 Not Found - GET https://www.npmjs.com/package/@apps-in-toss/web-framework/@toss-design-system%2Fmobile
npm error 404
npm error 404 ‘@toss-design-system/mobile@2.1.0’ is not in this registry.
npm error 404
npm error 404 Note that you can also install from a
npm error 404 tarball, folder, http url, or git url.
아직도 이렇네요..

12

GET을 하는 경로가 조금 이상하네요!

이 경로가 맞습니다!

13

관리자님 정말 답답하시겠지만 계속 도와주셔서 감사합니다.

제가 npm install요청 후 저 로그가 나오고 get path도 알아서 잡히는데 제가 경로를 바꿀 수 있나요?

저도 저번주에 path가 다른거는 확인했는데 npm install 요청하면 그 이후에는 알아서 로그가 나오고 path찾아서 get하는게 아닌가 싶어서요..

14

혹시 npm config get registry 요거 입력하면 어떻게 나오시나요 ?

15

https://registry.npmjs.org/

이렇게 나오고 있습니다.

16

npm i @toss-design-system/mobile@2.1.0 --registry=https://registry.npmjs.org
이렇게 설치를 해도 404 에러가 나실까요 ?

npm login --registry=https://registry.npmjs.org/ 투팩터인증 해주셨을까요 ?

.npmrc 파일 공유해주시면 확인해보겠습니다! :slight_smile:

17

가이드보고 진행하고있는 개발자입니다. 가이드문서에는 권한신청등 내용이 존재하지않아서 찾는데 시간이 좀 걸렸습니다. NPM 로그인 및 채널톡으로 신청 하는것등. < 실제 채널톡에서 신청하려고하면 개발자센터에 문의하라고 하는 루틴반복

가이드를 변경하면 좋을것 같습니다.

3개의 좋아요
18

안녕하세요. 담당자님.

위 방법으로해도 404오류가 표출됩니다!.

아래는 nprmc 파일 내용입니다.

parkgiteck@baggitaeg-ui-MacBookPro heylocal-app % npm config get
; “user” config from /Users/parkgiteck/.npmrc

@toss-design-system:registry = “https://www.npmjs.com/package/@apps-in-toss/web-framework”
//registry.npmjs.org/:_authToken = (protected)
registry = “https://registry.npmjs.org/”

19

아 도움주셔서 감사했습니다.

nprmc에 등록된 @toss-design-system 링크가 잘못되어 있었네요! 지우고 나서 하니 다운로드 가능합니다 ㅜㅜ

2개의 좋아요