Issue running with Flutter Web

[coldfingersnz]

Hi Tim,

I like the look of your plugin and would like to use it; however, I am having difficulties getting the example to run in my Flutter web app.

I am in New Zealand and so in the example, I changed componentCountry to 'nz' (in 5 places)

I changed my index.html to match yours. (Although I'm not sure what it does :-))

Unfortunately, I get the following error when I try: (--removed MYKEY)

RethrownDartError: ClientException: Failed to fetch,
uri=https://maps.googleapis.com/maps/api/place/autocomplete/json?input=754c&types=%28cities%29&key=MY_KEY&sessiontoken=e2d75994-5df3-4850-9d1b-afeed992fde5&language=en-Us
&components=country%3Anz

If I paste this into the browser I get a valid response. (I get the same valid response if I change the last part of the URL to &components=country:nz as well)

The only other thing is when the app starts I see:

Warning: In index.html:40: Local variable for "serviceWorkerVersion" is deprecated. Use "{{flutter_service_worker_version}}" template token instead. See
https://docs.flutter.dev/platform-integration/web/initialization for more details.

Wondering if you had some pearls of wisdom.

Regards Dave

[DirtyNative]

I have the same problem and it seems like this is because of CORS. You probably need a proxy, but need to test this by myself

[Proctr]

I can confirm that this is an issue with CORS. On my website I get the following error: "Access to fetch has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled."

Any ideas or updates on a solution?