광고 api가 없다고 나오는 문제

개발
1

[코드]

import { IAP, GoogleAdMob } from ‘@apps-in-toss/web-framework’;

    //광고 로드하는 코드 부분
	const isAdSupported = GoogleAdMob.loadAppsInTossAdMob.isSupported?.();
	let rewardAdGroupId1 = "ait.live.222";			//보상형	
	let interstitialAdGroupId1 = "ait.live.111"	//전면광고

	if (isAdSupported) {
		GoogleAdMob.loadAppsInTossAdMob({
		  options: {
			adGroupId: rewardAdGroupId1,
		  },
		  onEvent: (event:any) => {
			if (event.type === 'loaded') {
			}
		  },
		  onError: (error:any) => {
			console.error('리워드 광고 로드 실패', error);
		  },
		});
		
		GoogleAdMob.loadAppsInTossAdMob({
		  options: {
			adGroupId: interstitialAdGroupId1,
		  },
		  onEvent: (event:any) => {
			if (event.type === 'loaded') {
			}
		  },
		  onError: (error:any) => {
			console.error('전면 광고 로드 실패', error);
		  },
		});
	}

[에러 메시지]

src/UnityCanvas.tsx:33:37 - error TS2339: Property ‘loadAppsInTossAdMob’ does not exist on type ‘{ loadAdMobInterstitialAd: ((args: { onEvent: (data: LoadAdMobInterstitialAdEvent) => void; onError: (error: Error) => void; options?: any; }) => () => void) & { isSupported: () => boolean; }; showAdMobInterstitialAd: ((args: { …; }) => () => void) & { …; }; loadAdMobRewardedAd: ((args: { …; }) => () => void) …’.

33 const isAdSupported = GoogleAdMob.loadAppsInTossAdMob.isSupported?.();
~~~~~~~~~~~~~~~~~~~

src/UnityCanvas.tsx:38:16 - error TS2339: Property ‘loadAppsInTossAdMob’ does not exist on type ‘{ loadAdMobInterstitialAd: ((args: { onEvent: (data: LoadAdMobInterstitialAdEvent) => void; onError: (error: Error) => void; options?: any; }) => () => void) & { isSupported: () => boolean; }; showAdMobInterstitialAd: ((args: { …; }) => () => void) & { …; }; loadAdMobRewardedAd: ((args: { …; }) => () => void) …’.

38 GoogleAdMob.loadAppsInTossAdMob({
~~~~~~~~~~~~~~~~~~~

src/UnityCanvas.tsx:51:16 - error TS2339: Property ‘loadAppsInTossAdMob’ does not exist on type ‘{ loadAdMobInterstitialAd: ((args: { onEvent: (data: LoadAdMobInterstitialAdEvent) => void; onError: (error: Error) => void; options?: any; }) => () => void) & { isSupported: () => boolean; }; showAdMobInterstitialAd: ((args: { …; }) => () => void) & { …; }; loadAdMobRewardedAd: ((args: { …; }) => () => void) …’.

51 GoogleAdMob.loadAppsInTossAdMob({
~~~~~~~~~~~~~~~~~~~

분명히 개발자 문서대로 import 하고 GoogleAdMob.loadAppsInTossAdMob를 호출하도록 했습니다.

그런데 npm run build 하면 GoogleAdMob.loadAppsInTossAdMob가 없다는 에러가 나오면서 빌드가 안됩니다.

도움 부탁드립니다.

2

@zampia 님 안녕하세요

SDK 버전 어떻게 되실까요? SDK 최신 버전으로 적용해주실 수 있을까요?

3

안녕하세요.

자체적으로 이 문제는 해결 했습니다.

@apps-in-tossapps-in-toss/web-framework을 최신 버전으로 install 하고 나서 issue가 나오길래

npm audit fix를 했고 또 issue가 나오길래

npm audit fix –force를 했는데

npm audit fix –force를 하면 이 때 web-framework의 버전을 0.0.4로 강제로 내려버리는 문제가 있습니다.

그래서 npm audit fix –force를 안하고 issue 있다는거 무시하고 하니까 잘 됩니다.

참고 바랍니다.

4

정말 고생많으셨습니다.

그런데 정말 이상하네요… 내부적으로 한번 확인해보겠습니다.