May I ask, what is the reason for this?

[yx3016]

Unable to connect. Check your connection and reach out to support if the problem persists.

git clone https://github.com/tableflowhq/tableflow.git cd tableflow cp .env.example .env docker-compose up -d

[ciminelli]

Hi @yx3016, can you open your chrome network console, refresh the page, and send any errors that show up there?

[yx3016]

Hi @yx3016, can you open your chrome network console, refresh the page, and send any errors that show up there?

[ciminelli]

@yx3016 you can update your .env file to include this line (needed for CORS):

TABLEFLOW_WEB_IMPORTER_URL=http://172.32.101.222:3001

And then restart the docker container using docker-compose up -d

[yx3016]

@yx3016 you can update your .env file to include this line (needed for CORS):

TABLEFLOW_WEB_IMPORTER_URL=http://172.32.101.222:3001

And then restart the docker container using docker-compose up -d

Okay, I'll give it a try

[yx3016]

@ciminelli
Still the same

[yx3016]

I have found the reason, it is that our routing settings conflict with the program. After resolving the routing issue, the status is as follows.

[yx3016]

Suggestion! Do you provide a packaged Docker standard container!
Haha

[ciminelli]

The docker images are in the docker-compose file. They should be in use on your setup already!

And it looks like it's working now. You'll need to now set the SDK up in your app, and use the template parameter to add your template: https://tableflow.com/docs/templates

Here's an example with the React SDK you can use:

<TableFlowImporter
  hostUrl={"http://172.32.101.222:3001"}
  darkMode={true}
  primaryColor="#7A5EF8"
  metadata={'{"userId": 1234, "userEmail": "test@example.com"}'}
  onComplete={(data) => {
    console.log(data);
  }}
  template={{
    columns: [
      {
        name: "First Name",
        key: "first_name",
        required: true,
        description: "The first name of the user",
        suggested_mappings: ["First", "Name"],
        data_type: "string",
        validations: [
          {
            validate: "not_blank",
            message: "Cell must contain a value",
          },
        ],
      },
      {
        name: "User ID",
        data_type: "string",
        validations: [
          {
            validate: "regex",
            options: "^[a-zA-Z0-9]*$",
            message: "Cell can only contain letter or numbers",
          },
        ],
      },
      {
        name: "Joined On",
        data_type: "date",
      },
      {
        name: "Active",
        data_type: "boolean",
      },
    ],
  }}
/>

[umer936]

I have the same error trying to put tableflow behind https.

I changed the /etc/nginx/conf.d/default.conf to include the ssl certs and listen on 443 and so now the site (which is on https) can connect to the importer-ui just fine. But now the file-import does not listen on https so I get a CORS issue.