@ shopify / polaris引发的页面组件未提供功能

问题描述

我正在关注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组件，它就会引发以下错误：错误：未提供任何功能。

关于可能出什么问题的任何线索吗？

解决方法

我遇到了同样的问题，我通过将app.js重命名为_app.js来解决了该问题，或者也可能是您尚未将_app.js放在/ pages目录中，或者没有用<AppProvider i18n={translations}> <AppProvider/>包裹了该应用程序。

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

polaris shopify shopify