{WEB (CanvasKit)} CanvasKit renderer never starts application. about flutter HOT 5 OPEN

I hope the following helps:
Running a Flutter web app with the new bootstrap.js integration will crash when the --web-renderer canvaskit parameter is given in flutter run.

Steps to reproduce:

1. Create a new project, e.g. flutter create --platforms web webrenderer
2. cd webrenderer
3. flutter run --web-renderer canvaskit

Expected result:
App is starting

Actual result:
App is crashing with the following error message:

This app is linked to the debug service: ws://127.0.0.1:64447/frDF0VtIu9g=/ws
dom.dart:195 Rejecting promise with error: TypeError: Cannot read properties of undefined (reading 'registerPlugins')
DomConsoleExtension$124warn @ dom.dart:195
[...]
didCreateEngineInitializer @ flutter_bootstrap.js:1
[...]
Function_apply @ client.js:5963
_callDartFunctionFast @ client.js:8360
(anonymous) @ client.js:8351
localhost/:1 Uncaught (in promise) null

js_primitives.dart:28 A message on the flutter/lifecycle channel was discarded before it could be handled.
This happens when a plugin sends messages to the framework side before the framework has had an opportunity to register a listener. See the ChannelBuffers API documentation for details on how to configure the channel to expect more messages, or to expect messages to get discarded:
https://api.flutter.dev/flutter/dart-ui/ChannelBuffers-class.html

Workaround:
Call flutter run without the --web-renderer parameter.

Affected Flutter versions: 3.22.0 and 3.22.1, tested on Windows with Chrome 125

from flutter.

@RMotive
I created new flutter project targeting web platform using latest stable version with which the app compiled and run properly without getting stuck, as shown below:

What flutter version are you on and can you provide the command or steps taken to create flutter app ?
Also, if you run the command in verbose mode ( -v), does it show any meaningful log that shows app stuck ?

from flutter.

@darshankawar this only happens when i set the renderer as canvaskit, i tried with HTML and it worked but when i use canvaskit it got stuck.

This is where i change the renderer:

Flutter doctor:

And this is the CML that i used to generate the example application:

flutter create -e --platforms web canvaskit_issues.

then i tried to run it using VSCode debugger (maybe it is relevant to the diagnosis).

PD: I tried again at the moment this reply was wrote and still happening.

from flutter.

And this is the CML that i used to generate the example application:

flutter create -e --platforms web canvaskit_issues.

then i tried to run it using VSCode debugger (maybe it is relevant to the diagnosis).

Thanks for the report. I'll keep the issue open for team's attention / tracking.

from flutter.

Hi, I'm having the same problem with Flutter V3.22.1, using flutter run -d web-server --web-renderer canvaskit.

The app compiles so it shows the normal message "press R to hot reload", but it only shows a blank screen and throws some exceptions on browser's console when I try to open it (Safari and Edge on MacOS). It was working just fine with Flutter V3.19.4.

Sorry for my bad English..

from flutter.