遵循 Shopify 的 React 和 Node 教程时出现未处理的运行时错误
Posted
技术标签:
【中文标题】遵循 Shopify 的 React 和 Node 教程时出现未处理的运行时错误【英文标题】：Unhandled Runtime Error while following Shopify's React and Node Tutorial 【发布时间】：2020-11-05 16:42:31 【问题描述】：尝试在我的 shopify 测试商店中打开我的应用时，我不断收到此错误。
AppBridgeError: APP::ERROR::INVALID_CONFIG: shopOrigin 必须提供
感谢您的任何帮助
【问题讨论】：
【参考方案1】：我也有同样的问题。这是关注 Shopify https://shopify.dev/tutorials/build-a-shopify-app-with-node-and-react/build-your-user-interface-with-polaris 开发教程。
未处理的运行时错误 AppBridgeError: APP::ERROR::INVALID_CONFIG: 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;
【讨论】：
我想我通过再次验证解决了这个问题。我重新启动了几次服务器，然后继续YOUR_NGROK_ADDRESS.io/…以上是关于遵循 Shopify 的 React 和 Node 教程时出现未处理的运行时错误的主要内容，如果未能解决你的问题，请参考以下文章
在 Heroku 上开发时，使用 GraphQL 的 Shopify 应用程序无法运行
✗ 'shopify node serve' 导致 - ngrok 隧道已超时，正在重新启动......
Shopify - 使用 Shopify API 的新订单 - 如何了解税费和运费？
React Native Shopify StoreFront API GraphQL API 无限加载产品 fetchMore 错误