@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组件，它就抛出以下错误: error: No Features provided。

有没有什么问题的线索？

Answer 1

我遇到了同样的问题，我修复了这个问题，将app.js重命名为_app.js，或者也可能是你没有将_app.js放在/pages目录中，或者没有用<AppProvider i18n={translations}> <AppProvider/>包装应用程序。

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