FROM CACHE - jp_header
このコミュニティはピアツーピアサポートに移行しました。Shopify サポートは今後、このコミュニティへのサービスを提供いたしません。これからもぜひ、他のマーチャントやパートナーとつながり、サポートし合い、経験を共有してください。 当社の行動規範に違反する行動や削除を希望するコンテンツがありましたら、引き続きご報告ください

AppBridgeError: APP::APP_ERROR::WINDOW_UNDEFINED: State is only available on the client side.

AppBridgeError: APP::APP_ERROR::WINDOW_UNDEFINED: State is only available on the client side.

akkie
訪問者
1 0 0

お世話になります。

この度チュートリアルを参考にしつつShopifyアプリの制作に挑戦しているモノです。

 

早速ですが、Shopify Cliを使いながら勉強していたのですが

AppBridgeのgetSessionToken()やgetState()がうまく動作しません。

前者はawaitで呼んでいるのですが返ってこない状態。

後者はタイトルの通り、

AppBridgeError: APP::APP_ERROR::WINDOW_UNDEFINED: State is only available on the client side.

というエラーが発生してしまいます。

原因を探ったのですが検討もつかず、試しにアプリをCliより新規作成し

 

 

class MyApp extends App {
  render() {
    const { Component, pageProps, host } = this.props;
    const config = {
      apiKey: API_KEY,
      host: host,
      forceRedirect: true,
    };
    const app = createApp(config);
    app
      .getState((res) => console.log("success:" + res))
      .catch((e) => {
        console.log("error:" + e);
      });
    return (
      <AppProvider i18n={translations}>
        <Provider config={config}>
          <MyProvider Component={Component} {...pageProps} />
        </Provider>
      </AppProvider>
    );
  }
}

 

 

 

と一番最初にAppBrigeをcreateしたのですが、同様のエラーが発生してします。

 

どなたか検討のつく方がいらっしゃればアドバイスを頂ければ幸いです。

よろしくお願い致します。

 

追記:

TitleBarの編集などのAppBridgeのUIは正常に動作しております。

0件の返信0