[BUG] Invalid request provided: AWS::ElasticLoadBalancingV2::ListenerRule

_**Important note on security disclosures**: If you think you’ve found a potential security issue, please do not post it in the Issues. Instead, please follow the instructions [here](https://aws.amazon.com/security/vulnerability-reporting/) or [email AWS security directly](mailto:aws-security@amazon.com)._

**Describe the bug**
Followed the instructions in https://github.com/aws/aws-app-mesh-examples/tree/main/walkthroughs/howto-alb. Failed to create the `howto-alb-app` cloudformation stack because of error:
```
Resource handler returned message: "Invalid request provided: AWS::ElasticLoadBalancingV2::ListenerRule Validation exception" (RequestToken: 2e145274-3f83-c38f-cfdc-0645483c40fe, HandlerErrorCode: InvalidRequest)
```

There example here: https://github.com/aws/aws-app-mesh-examples/tree/main/examples/apps/colorapp also failed with the same error.

**Platform**
ECS

**To Reproduce**
1. Export the environment variables as requests.
2. run `./deploy.sh`

**Expected behavior**
The example application is expected to come up and ready to server traffic.

**Config files, and API responses**
If applicable config files and responses from our API.

**Additional context**
Add any other context about the problem here.

Start with walkthroughs/howto-alb and examples/apps/colorapp, then run the referenced ./deploy.sh reproduction using the requested environment variables. Inspect the CloudFormation resources involved in the howto-alb-app stack and the AWS::ElasticLoadBalancingV2::ListenerRule failure. Done means the example stack creates successfully and the application serves traffic.

Written by the indexing model from the issue text.