Javascript Shopify模块中未定义React

我试图开发我的第一个Shopify模块，但当我使用React时，我在商店的应用程序页面上出现了这个错误

这里是我的index.js

import {Page} from "@shopify/polaris";
import {RessourcePicker} from "@shopify/app-bridge-react";

class Index extends React.Component{
  state = {open: false}
  render() {
    return (
      <Page
          title="Product selector"
          primaryAction={{
            content:'Select products',
            onAction: () => this.setState({open:true})
          }}
          >
            <RessourcePicker
              ressourceType='Product'
              open={this.state.open}
            />
            </Page>
    )
  }

}

export default Index;

从“@shopify/polaris”导入{Page}”；
从“@shopify/app bridge react”导入{RessourcePicker}”；
类索引扩展了React.Component{
状态={open:false}
render（）{
返回(
this.setState（{open:true}）
}}
>
)
}
}
出口违约指数；

您应该使用

从“React”导入React您应该使用


从“React”导入ReactShopify允许其用户确定自己的React版本，因此Shopify不会为您部署React并将您锁定在您可能不感兴趣的版本上。您可以看到Shopify是如何定义的，因此部署和导入React的责任由用户承担

我认为在您的情况下，您可能缺少的是将React部署为对package.json的依赖项，并按如下方式导入它：

import React, { Component } from "react";

Shopify允许其用户确定自己的React版本，因此Shopify不会为您部署React并将您锁定在您可能不感兴趣的版本上。您可以看到Shopify是如何定义的，因此部署和导入React的责任由用户承担

我认为在您的情况下，您可能缺少的是将React部署为对package.json的依赖项，并按如下方式导入它：

import React, { Component } from "react";

我在他们的教程中遇到了同样的问题，我进入package.json并更改了依赖项

"react": "^16.9.0",
"react-dom": "^16.9.0"

然后我转到终端，再次安装react：

npm install next react react-dom

现在它可以正常工作了。
您不需要添加导入。
我在他们的教程中遇到了相同的问题，我进入package.json并更改了依赖项

"react": "^16.9.0",
"react-dom": "^16.9.0"

然后我转到终端，再次安装react：

npm install next react react-dom

现在它可以正常工作了。
您不需要添加导入