Node.js 跟踪Shopify';时出现未经处理的运行时错误;s反应和节点教程

Node.js 跟踪Shopify';时出现未经处理的运行时错误;s反应和节点教程,node.js,shopify-app,ngrok,Node.js,Shopify App,Ngrok,在我的shopify测试商店中尝试打开我的应用程序时,我一直遇到此错误 AppBridgeError:APP::ERROR::无效的_配置:必须提供shopOrigin 非常感谢您的任何帮助我也遇到了同样的问题。下面是Shopify 开发教程 未处理的运行时错误 AppBridgeError:APP::ERROR::无效的_配置:必须提供shopOrigin 我的代码与教程中的代码完全相同。这是app.js import App from 'next/app'; import Head

在我的shopify测试商店中尝试打开我的应用程序时,我一直遇到此错误

AppBridgeError:APP::ERROR::无效的_配置:必须提供shopOrigin


非常感谢您的任何帮助

我也遇到了同样的问题。下面是Shopify 开发教程

未处理的运行时错误 AppBridgeError:APP::ERROR::无效的_配置:必须提供shopOrigin

我的代码与教程中的代码完全相同。这是app.js

    import App from 'next/app';
import Head from 'next/head';
import { AppProvider } from '@shopify/polaris';
import '@shopify/polaris/styles.css';
import { Provider } from '@shopify/app-bridge-react';
import translations from '@shopify/polaris/locales/en.json';
import Cookies from 'js-cookie';


class MyApp extends App {
  render() {
    const { Component, pageProps } = this.props;
    const config = { apiKey: API_KEY, shopOrigin: Cookies.get("shopOrigin"), forceRedirect: true };
    return (
      <React.Fragment>
        <Head>
          <title>Sample App </title>
          <meta charSet="utf-8" />
        </Head>
        <Provider config={config}>
          <AppProvider i18n={translations}>
            <Component {...pageProps} />
          </AppProvider>
        </Provider>
      </React.Fragment>
    );
  }
}

export default MyApp;
从“下一个/App”导入应用程序;
从“下一个/头”导入头;
从'@shopify/polaris'导入{AppProvider};
导入“@shopify/polaris/styles.css”;
从'@shopify/app-bridge-react'导入{Provider};
从“@shopify/polaris/locales/en.json”导入翻译;
从“js cookie”导入cookie;
类MyApp扩展了应用程序{
render(){
const{Component,pageProps}=this.props;
const config={apiKey:API_KEY,shopOrigin:Cookies.get(“shopOrigin”),forceRedirect:true};
返回(
示例应用程序
);
}
}
导出默认MyApp;

我想我通过再次验证解决了这个问题。我重新启动了服务器几次,然后继续