问题标签 [polaris]

我还在学习shopify应用程序开发，

我已按照本教程进行操作，并通过检查 shopify 文档创建了一个简单的应用程序设置页面。

现在我的应用页面如下所示

现在，我想保存这些数据并在结帐时使用这些数据对购物车总数进行一些更改。所以，目前我关心的是，我如何存储数据？

存储数据后，如果填写了这两个字段，如何在结帐页面创建自定义字段？

我code的与他们在上面的教程中解释的完全一样，我当前的Index课程如下所示。

我的项目结构如下。

自过去 2 天以来，我一直在试图弄清楚这一点，但在这个学习阶段我没有找到任何可以参考的有用资源。

如果可以，请提供有用的资源/教程/链接/代码。

我已经开始使用 Shopify Polaris，特别是Frame布局：

https://polaris.shopify.com/components/structure/frame

我不清楚的是，在 Shopify 侧边栏提供的示例中，当单击一个项目时，总是切换toggleIsLoading方法，然后它最终总是呈现actualPageMarkup组件。

但是，我想要一个包含 n 个不同项目的侧边栏菜单。对于它们中的每一个，我想呈现与选择关联的特定组件。我怎样才能做到这一点？

理想情况下，无论组件是什么，我都希望始终显示侧边栏和标题。

我知道这个问题与 Shopify Polaris 或 Next.js 没有严格的关系，但是，我认为自己是 React 和 Next.js 的新手。

我正在按照 Shopify 教程使用 React.js 和 Node 创建他们的基本应用程序。

我一引入 Page 组件，它就会抛出以下错误：错误：没有提供任何功能。

关于什么可能是错误的任何线索？

我正在使用 Shopify CLI NodeJS 教程开始。

https://shopify.github.io/shopify-app-cli/app/rails/commands/#generate

我一直很容易添加 Polaris 组件，但我无法弄清楚如何让我的应用程序从加载 index.js 到加载另一个页面。

我对此绝对是菜鸟，我想做的基本上就是添加一条路线并加载它。

我的页面文件夹包含

• _app.js
• index.js
• customer_import.js

如何在我的应用导航中创建一个链接，该链接将加载当前 index.js 内容所在的 customer_import.js 内容。

_APP.js

index.js

customer_import.js

我正在使用 Shopify Polaris 制作 Shopify 应用。我使用了 ActionList 组件。 https://polaris.shopify.com/components/actions/action-list

我想更改 onAction 事件的状态值。我确实喜欢这个。

我是 React 的初学者。所以也许是一个愚蠢的问题。但请教我。

谢谢

我一直试图弄清楚如何按照此处文档中的说明更改 TopBar 背景颜色：https ://polaris.shopify.com/components/structure/app-provider/theme无济于事。

我在主题常量中添加了颜色，但渲染页面没有变化。

我错过了什么吗？有任何想法吗？

这是我使用的代码：

我正在尝试设置一个环境来开发 shopify 主题，并按照此处找到的教程进行操作：

https://shopify.dev/tutorials/build-a-shopify-app-with-node-and-react/build-your-user-interface-with-polaris

但是当我连接我的服务器、应用程序、商店等时，当我开始集成 Polaris 时，在构建时我开始出现错误。

首先，我有一个关于缺少模块的错误build-manifest.json，我在论坛的某个地方找到了一个建议，{}可以在.next/目录中创建一个空白文件，所以我做到了。

然后它抱怨react-loadable-manifest.json失踪，我也为它做了同样的事情。

这两个错误都是从这段代码中抛出的：

现在我有以下错误：

这就是完整的堆栈，我没有看到任何与之相关的“自定义”代码：

我进行了 GQL 查询，在该查询中，我将所有产品的数据作为数组中的对象接收。这是其中一个对象：

有了这些数据，我试图将每个单独的产品映射<ResourceItem>到<ResourceList>. 但是，我正在努力正确加载 - 登录时屏幕或控制台中什么也没有。谁能帮我一把？

这是我的 GQL 查询：

...这是我执行此操作的功能：

谢谢！

（PS如果有帮助，这是我松散地遵循的示例：资源列表示例

我在我的 React 应用程序中以多行模式使用 @shopify/polaris TextField。
我想设置wrap="off"到底层的文本区域，我该怎么做？

更一般地说，有没有办法在不分叉代码的情况下访问外部模块提供的组件的内部工作？

这是一个显示我的 TextField 的沙箱：

我正在尝试通过标签过滤我的 ResourceList 中的 ResourceItems。例如，如果用户搜索标签“Sports”，则应返回所有带有此标签的项目。

我一直在利用这个例子来产生这个，但是当用户输入一个标签来过滤时它实际上没有任何功能。

到目前为止，这是我的代码，其中我没有得到任何项目：