Flutter Web Application UI Components Not Rendering in Chrome.

[Knight9876]

Description:

I am encountering an issue with my Flutter web application where the UI components fail to render properly when running in Google Chrome. Instead of displaying the expected UI, the application remains stuck in a loading state indefinitely.

Steps to Reproduce:

1. Run the Flutter web application in Google Chrome.
2. Observe that the application continuously loads without displaying the UI components.
3. Attempt to interact with the application, but notice that no UI elements are visible.

Expected Behavior:

The Flutter web application should render the UI components correctly and be fully interactive when accessed via Google Chrome.

Additional Information:

This issue occurs consistently when running the application in Google Chrome. Other web browsers have not exhibited this problem. I have tried clearing the browser cache and updating Flutter dependencies, but the issue persists. The browser console does not display any error messages related to this issue.

Issue:

The following message shows in the console,

Unhandled error detected in the injected client.js script.

You can disable this script in webdev by passing --no-injected-client if it is preventing your app from loading, but note that this will also prevent all debugging and hot reload/restart functionality from working.

Assertion failed: "boolean expression must not be null" Assertion failed: "boolean expression must not be null" at Object.wrapException (http://localhost:51497/dwds/src/injected/client.js:1036:17) at Object.assertThrow (http://localhost:51497/dwds/src/injected/client.js:1482:15) at Object.boolConversionCheck (http://localhost:51497/dwds/src/injected/client.js:1478:11) at http://localhost:51497/dwds/src/injected/client.js:24791:21 at _wrapJsFunctionForAsync_closure.$protected (http://localhost:51497/dwds/src/injected/client.js:3589:15) at _wrapJsFunctionForAsync_closure.call$2 (http://localhost:51497/dwds/src/injected/client.js:11698:12) at _awaitOnObject_closure.call$1 (http://localhost:51497/dwds/src/injected/client.js:11686:32) at StaticClosure._rootRunUnary (http://localhost:51497/dwds/src/injected/client.js:3948:18) at _CustomZone.runUnary$2$2 (http://localhost:51497/dwds/src/injected/client.js:13095:39) at _FuturepropagateToListeners_handleValueCallback.call$0 (http://localhost:51497/dwds/src/injected/client.js:12125:51) at Object._FuturepropagateToListeners (http://localhost:51497/dwds/src/injected/client.js:3731:93) at _Future._completeWithValue$1 (http://localhost:51497/dwds/src/injected/client.js:11956:9) at _AsyncAwaitCompleter.complete$1 (http://localhost:51497/dwds/src/injected/client.js:11672:14) at Object._asyncReturn (http://localhost:51497/dwds/src/injected/client.js:3561:17) at http://localhost:51497/dwds/src/injected/client.js:8926:24 at _wrapJsFunctionForAsync_closure.$protected (http://localhost:51497/dwds/src/injected/client.js:3589:15) at _wrapJsFunctionForAsync_closure.call$2 (http://localhost:51497/dwds/src/injected/client.js:11698:12) at _awaitOnObject_closure.call$1 (http://localhost:51497/dwds/src/injected/client.js:11686:32) at StaticClosure._rootRunUnary (http://localhost:51497/dwds/src/injected/client.js:3948:18) at _CustomZone.runUnary$2$2 (http://localhost:51497/dwds/src/injected/client.js:13095:39) at _FuturepropagateToListeners_handleValueCallback.call$0 (http://localhost:51497/dwds/src/injected/client.js:12125:51) at Object._FuturepropagateToListeners (http://localhost:51497/dwds/src/injected/client.js:3731:93) at _Future._completeWithValue$1 (http://localhost:51497/dwds/src/injected/client.js:11956:9) at _AsyncAwaitCompleter.complete$1 (http://localhost:51497/dwds/src/injected/client.js:11672:14) at Object._asyncReturn (http://localhost:51497/dwds/src/injected/client.js:3561:17) at http://localhost:51497/dwds/src/injected/client.js:25367:24 at _wrapJsFunctionForAsync_closure.$protected (http://localhost:51497/dwds/src/injected/client.js:3589:15) at _wrapJsFunctionForAsync_closure.call$2 (http://localhost:51497/dwds/src/injected/client.js:11698:12) at _awaitOnObject_closure.call$1 (http://localhost:51497/dwds/src/injected/client.js:11686:32) at StaticClosure._rootRunUnary (http://localhost:51497/dwds/src/injected/client.js:3948:18) at _CustomZone.runUnary$2$2 (http://localhost:51497/dwds/src/injected/client.js:13095:39) at _FuturepropagateToListeners_handleValueCallback.call$0 (http://localhost:51497/dwds/src/injected/client.js:12125:51) at Object._FuturepropagateToListeners (http://localhost:51497/dwds/src/injected/client.js:3731:93) at _Future._completeWithValue$1 (http://localhost:51497/dwds/src/injected/client.js:11956:9) at _AsyncAwaitCompleter.complete$1 (http://localhost:51497/dwds/src/injected/client.js:11672:14) at Object._asyncReturn (http://localhost:51497/dwds/src/injected/client.js:3561:17) at http://localhost:51497/dwds/src/injected/client.js:25344:24 at _wrapJsFunctionForAsync_closure.$protected (http://localhost:51497/dwds/src/injected/client.js:3589:15) at _wrapJsFunctionForAsync_closure.call$2 (http://localhost:51497/dwds/src/injected/client.js:11698:12) at _awaitOnObject_closure.call$1 (http://localhost:51497/dwds/src/injected/client.js:11686:32) at StaticClosure._rootRunUnary (http://localhost:51497/dwds/src/injected/client.js:3948:18) at _CustomZone.runUnary$2$2 (http://localhost:51497/dwds/src/injected/client.js:13095:39) at _FuturepropagateToListeners_handleValueCallback.call$0 (http://localhost:51497/dwds/src/injected/client.js:12125:51) at Object._FuturepropagateToListeners (http://localhost:51497/dwds/src/injected/client.js:3731:93) at _Future._completeWithValue$1 (http://localhost:51497/dwds/src/injected/client.js:11956:9) at _FutureasyncCompleteWithValue_closure.call$0 (http://localhost:51497/dwds/src/injected/client.js:12059:18) at StaticClosure._rootRun (http://localhost:51497/dwds/src/injected/client.js:3933:16) at _CustomZone.run$1$1 (http://localhost:51497/dwds/src/injected/client.js:13087:39) at _CustomZone.runGuarded$1 (http://localhost:51497/dwds/src/injected/client.js:13030:14) at _CustomZone_bindCallbackGuarded_closure.call$0 (http://localhost:51497/dwds/src/injected/client.js:13225:25) at Object._microtaskLoop (http://localhost:51497/dwds/src/injected/client.js:3792:24) at StaticClosure._startMicrotaskLoop (http://localhost:51497/dwds/src/injected/client.js:3798:11) at _AsyncRuninitializeScheduleImmediate_internalCallback.call$1 (http://localhost:51497/dwds/src/injected/client.js:11575:9) at invokeClosure (http://localhost:51497/dwds/src/injected/client.js:1238:26) at MutationObserver. (http://localhost:51497/dwds/src/injected/client.js:1257:18)

[elliette]

This looks the same as https://github.com/dart-lang/webdev/issues/2332 which was resolved by updating to the latest Flutter stable.

If you are not already on the latest Flutter stable version, could you try updating to it? And if that works, could you try the steps suggested here: https://github.com/dart-lang/webdev/issues/2332#issuecomment-1885432333

Thanks!

[Knight9876]

Yes, I know. I stumbled upon it after posting this issue on GitHub but still, my problem persists. I tried updating it to the latest version of flutter stable, I also tried to clear the cache, but nothing works.

If anybody has some more methods which would work, I am willing to hear it.

Thanks for your co-operation.

[elliette]

Could you try these steps as well (if you haven't already): https://github.com/dart-lang/webdev/issues/2332#issuecomment-1900495539

Could you also open Chrome DevTools, navigate to "Sources", click on "Open a file" and search for client.js. From there, could you let me know what the first few lines of the file say? Something like:

// Generated by dart2js (NullSafetyMode.sound, csp, deferred-serialization, intern-composite-values), the Dart to JavaScript compiler version: 3.0.0-375.0.dev.

Finally, what is the output of flutter doctor -v?

Thanks!