Flutter Web YOUTUBE API ERROR: XMLHttpRequest error.

[cia1099]

I had followed the instruction and settled up flutter_cors I used the same example code to run on web. I got the error:

===== YOUTUBE API ERROR: XMLHttpRequest error. ==========
Error: XMLHttpRequest error.
dart-sdk/lib/_internal/js_dev_runtime/private/ddc_runtime/errors.dart 266:49  throw_
packages/pod_player/src/controllers/pod_player_controller.dart 73:9           _checkAndWaitTillInitialized$
dart-sdk/lib/_internal/js_dev_runtime/patch/async_patch.dart 84:54            runBody
dart-sdk/lib/_internal/js_dev_runtime/patch/async_patch.dart 123:5            _async
packages/pod_player/src/controllers/pod_player_controller.dart 64:44          [_checkAndWaitTillInitialized]
packages/pod_player/src/controllers/pod_player_controller.dart 82:11          _checkAndWaitTillInitialized$
dart-sdk/lib/_internal/js_dev_runtime/patch/async_patch.dart 45:50            <fn>
dart-sdk/lib/async/zone.dart 1653:54                                          runUnary
dart-sdk/lib/async/future_impl.dart 147:18                                    handleValue
dart-sdk/lib/async/future_impl.dart 766:44                                    handleValueCallback
dart-sdk/lib/async/future_impl.dart 795:13                                    _propagateToListeners
dart-sdk/lib/async/future_impl.dart 557:7                                     [_complete]
dart-sdk/lib/async/future.dart 421:15                                         <fn>
dart-sdk/lib/_internal/js_dev_runtime/private/isolate_helper.dart 48:19       internalCallback

Environment:

• Dart SDK version: 2.18.0 (stable) (Fri Aug 26 10:22:54 2022 +0000) on "linux_x64"
• Flutter 3.3.1 • channel stable • https://github.com/flutter/flutter.git
• Engine • revision 3efdf03e73
• Tools • Dart 2.18.0 • DevTools 2.15.0

fail to load

---

Have someone got the same problem?

[SKnoedler]

Hello! Please check the readme: run dart pub global activate flutter_cors && fluttercors --disable, close your chrome instance and rerun. Good Luck!

[aytunch]

Hi @SKnoedler if we deploy our Flutter web app, then will this flutter_cors workaround be still helpful? Or can we not run this plugin in production for Web?

[SKnoedler]

Hi @SKnoedler if we deploy our Flutter web app, then will this flutter_cors workaround be still helpful? Or can we not run this plugin in production for Web?

you cannot use that for production. For production check this https://docs.flutter.dev/development/platform-integration/web/web-images

[shabbirdudhiya]

@SKnoedler how did you solve it?