앱 출시 > 테스트하기 qr코드로 실행을 하게 되면 잠시 문제가 생겼어요 문구만 나옵니다

앱 출시 > 테스트하기 QR코드로 실행을 하게 되면 잠시 문제가 생겼어요 문구만 나옵니다

안녕하세요 :slight_smile:
잠시 문제가 생겼어요 는 로직상 런타임에 에러가 발생하면 에러 바운더리에 의해 표시되는 에러예요.
혹시 샌드박스 환경 - 로컬에서 테스트시에는 문제가 없었을까요 ?

네 샌드박에스로 아이폰 시뮬레이터와 안드로이드 에뮬레이터에서 테스트 했을때는 잘됬습니다

@ComjjangBill

앱 스킴 전달 부탁드려요.

저희 앱의 스킴은 petch 입니다. 현재 flutter 로 개발중입니다

지금 업로드하신 번들 보면 @apps-in-toss/web-framework 가 devDependencies 에 있는데, dependencies로 옮겨보시겠어요?

수정해서 다시 올려서 실행 했는데 똑같이 잠시 문제가 생겼어요 라고 나옵니다

혹시 Ait 라는 객체를 따로 정의하신게 있으실까요? Ait 객체를 참조할 수 없다고 에러가 나와서요.

안녕하세요, web-framework 개발하고 있는 임직원입니다. 혹시 granite.config.ts 공유해주실 수 있을까요?

granite.config.js 로 되있습니다

/** @type {import(‘@apps-in-toss/web-framework’).Config} */

module.exports = {

appName: ‘petch’,

outdir: ‘build/web’, // Output directory for the build

// Brand Configuration (Required)

brand: {

displayName: ‘펫치’,

primaryColor: ‘#3182F6’,

icon: ‘web/icons/Icon-192.png’, // Placeholder for now

bridgeColorMode: ‘inverted’ // Recommended for games (Dark mode bridge)

},

// Permissions

permissions: [],

// WebView Configuration (Required for Simulator)

webViewProps: {

type: ‘partner’,

javaScriptCanOpenWindowsAutomatically: true,

domStorageEnabled: true,

originWhitelist: [‘*’],

userAgent: “Mozilla/5.0 (Linux; Android 10; Mobile; rv:125.0) Gecko/125.0 Firefox/125.0”

},

web: {

// Flutter Web Development Server Configuration

commands: {

dev: ‘flutter경로/bin/flutter run -d web-server --web-port 8082’,

build: ‘프로젝트경로/scripts/build_web.sh’ //

    },

port: 8082,

host: ‘127.0.0.1’

}

};

코드상에서는 ait 관련된 코드를 사용하는건 없습니다. 아니면 다른걸 이야기 하시는걸까요?

앗 저 Ait 관련된 답변은 작성자님과 관련된 문제가 아니어서 넘어가주셔도 될 것 같습니다.
@ComjjangBill 혹시 아래와 같이 config 파일에서 defineConfig를 사용하도록 수정해주실 수 있을까요? 그러면 정상 동작 하실거에요!

const { defineConfig } = require('@apps-in-toss/web-framework/config');

module.exports = defineConfig({
  /* ... */
});

추가로 한 가지 궁금한 것이 있는데요, 혹시 보내주신 granite.config.js 작성하실 때 따로 참고하신 예제 같은게 있을까요? 왜냐하면 저희 토스측에서 공개해둔 예제나 문서에 있는 것이라면 빠르게 수정을 하기 위해서 입니다! 아래와 같이 잘못된 부분들이 많아서요:

  1. defineConfig 가 사용되지 않은 점
  2. /** @type {import('@apps-in-toss/web-framework/config').AppsInTossWebConfig} */ 가 아니라 /** @type {import('@apps-in-toss/web-framework').Config} */ 가 사용된 점
  3. webViewProps에 지원되지 않는 옵션들(originWhitelist, userAgent 등)이 많이 들어가있는 점

코드는 ai로 생성된 코드인데 시뮬레이터로 테스트 했을때 잘되어서 사용하고 있었습니다.

이제 잘 나옵니다. 답변 감사합니다 :grinning_face:

1개의 좋아요