A simple response is required in addition to this type of response

Hi,

I am having error when returning fulfillment response (A simple response is required in addition to this type of response). Following is the fulfillmentResponse

{
  "error": "A simple response is required in addition to this type of response"
}

Information

DialogFlow API version: V2 API Node version: v8.10.0 actions-on-google version: ^2.6.0 body-parser version: ^1.18.3 express: ^4.16.4

Following is the code snippet

const app = express();
app.use(bodyParser.urlencoded({ extended: true }));
app.use(bodyParser.json());
const agent = dialogflow();
agent.intent("dummyIntent", (conv, input) => {
  if (conv.action === "dummyAction") {
    conv.ask(
      new Carousel({
        items: {
          car: {
            title: "Car",
            description: "A four wheel vehicle",
            synonyms: ["automobile", "vehicle"]
          },
          plane: {
            title: "Plane",
            description: "A flying machine",
            synonyms: ["aeroplane", "jet"]
          }
        }
      })
    );
  }
});

app.post("/webhook", agent);

app.listen(port, () => {
  console.log("Server is up and listening on port" + process.env.PORT);
});

I have tried using new Image(), new BasicCard(), all giving same error.

Your help is much appreciated.

Thanks in advanced.

[ataillefer]

Hi, as stated in this documentation,

Visual selection responses have the following requirements and optional properties that you can configure: The first item in a visual selection response must be a simple response.

So you need to add something like:

conv.ask('Here are some interesting machines:');
conv.ask(
  new Carousel({
    ...
  })
);

This will display a chat bubble just before the Carousel.

Regards

[crispywong]

Hi @ataillefer ,

Thanks for reply.

I had added line

conv.ask("This is category list")
conv.ask(
  new Carousel({
    ...
  })
);

This is the fulfillment response

{
  "payload": {
    "google": {
      "expectUserResponse": true,
      "systemIntent": {
        "intent": "actions.intent.OPTION",
        "data": {
          "@type": "type.googleapis.com/google.actions.v2.OptionValueSpec",
          "carouselSelect": {
            "items": [
              {
                "optionInfo": {
                  "key": "car",
                  "synonyms": [
                    "automobile",
                    "vehicle"
                  ]
                },
                "description": "A four wheel vehicle",
                "title": "Car"
              },
              {
                "optionInfo": {
                  "key": "plane",
                  "synonyms": [
                    "aeroplane",
                    "jet"
                  ]
                },
                "description": "A flying machine",
                "title": "Plane"
              }
            ]
          }
        }
      },
      "richResponse": {
        "items": [
          {
            "simpleResponse": {
              "textToSpeech": "This is category list"
            }
          }
        ]
      }
    }
  },
  "fulfillmentText": "Cannot display response in Dialogflow simulator. Please test on the Google Assistant simulator instead."
}

Chat bubble “This is category list” did not display. Instead it display fulfillmentText when using the “try it now” container. Please refer to attached image.

When I tried with my device, it did not show any chat bubble. I have no idea where does “fulfillmentText” set. I have searched about it, does it related to middleware as mentioned in this comment

app.use(conv => {
    const { handler } = conv;
    conv.handler = async function() {
        const res = await handler.apply(this, arguments);
        const { simpleResponse } = res.body.payload.google.richResponse.items.find(item => item.simpleResponse) || {};
        if (simpleResponse) res.body.fulfillmentText = simpleResponse.textToSpeech;
        return res;
    };
});

Thanks.

Regards.