shopify - @shopify/polaris 的页面组件抛出未提供任何功能

Question

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

import { Layout, Page, TextStyle } from '@shopify/polaris';

const Index = () => (
  <Page>
    <Layout>
      <TextStyle variation="positive">
        Sample app using React and Next.js
      </TextStyle>
    </Layout>
  </Page>
);

export default Index;

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

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

Answer 1

我遇到了同样的问题，我通过将 app.js 重命名为 _app.js 解决了这个问题，或者也可能是您没有将 _app.js 放在 /pages 目录中，或者没有使用<AppProvider i18n={translations}> <AppProvider/>.

请查看 using-components部分以获取有关使用包装应用程序的说明<AppProvider><AppProvider/>