Flutter beta (v3.24.0-0.2.pre) web: App crash with Uncaught Error: Mismatched anonymous define() module: () => CanvasKitInit #152844
Description
Steps to reproduce
- Create initial test program (create new flutter project) , include Web and android as target.
- Change channel to channel beta (version info below):
[√] Flutter (Channel beta, 3.24.0-0.2.pre, on Microsoft Windows [Version 10.0.22631.3958], locale nb-NO)
• Flutter version 3.24.0-0.2.pre on channel beta at c:\Flutter\flutter
• Upstream repository https://github.com/flutter/flutter.git
• Framework revision 7c6b7e9ca4 (5 days ago), 2024-07-30 14:26:44 +0700
• Engine revision 6e4deceb38
• Dart version 3.5.0 (build 3.5.0-323.2.beta)
• DevTools version 2.37.2
- Run program in web on chrome
- Program crashes with error (visible in browser console view):
require.js:143 Uncaught Error: Mismatched anonymous define() module: () => CanvasKitInit
http://requirejs.org/docs/errors.html#mismatch
at makeError (require.js:168:17)
at intakeDefines (require.js:1254:36)
at Object.localRequire [as require] (require.js:1446:21)
at requirejs (require.js:1797:24)
at req.config (require.js:1805:16)
at main_module.bootstrap.js:3:9
- Change to channel stable (version info below)
[√] Flutter (Channel stable, 3.22.3, on Microsoft Windows [Version 10.0.22631.3958], locale nb-NO)
• Flutter version 3.22.3 on channel stable at c:\Flutter\flutter
• Upstream repository https://github.com/flutter/flutter.git
• Framework revision b0850beeb2 (3 weeks ago), 2024-07-16 21:43:41 -0700
• Engine revision 235db911ba
• Dart version 3.4.4
• DevTools version 2.34.3
- Run program in web on chrome
- Program runs as expected.
- Change channel to "main", just to check if fail exists in master/main (version info below).
[√] Flutter (Channel main, 3.24.0-1.0.pre.438, on Microsoft Windows [Version 10.0.22631.3958], locale nb-NO)
• Flutter version 3.24.0-1.0.pre.438 on channel main at c:\Flutter\flutter
• Upstream repository https://github.com/flutter/flutter.git
• Framework revision cbfb222446 (18 hours ago), 2024-08-03 21:13:39 -0400
• Engine revision 16012e2f8c
• Dart version 3.6.0 (build 3.6.0-114.0.dev)
• DevTools version 2.38.0
- Run program in web on chrome
- Program runs as expected.
Conclusion: Flutter channel beta v3.24.0-0.2.pre contains a flaw causing this error: require.js:143 Uncaught Error: Mismatched anonymous define() module: () => CanvasKitInit in the chrome browser.
Expected results
No error when running initial program in beta channel (v3.24.0-0.2.pre).
Actual results
beta channel causes fail: require.js:143 Uncaught Error: Mismatched anonymous define() module: () => CanvasKitInit
stable and main/master seems healthy.
Code sample
Just create a new Flutter project with web and android enabled, and run in the chrome browser using channel beta.
Screenshots or Video
Screenshots / Video demonstration
[Upload media here]
Logs
Logs
require.js:143 Uncaught Error: Mismatched anonymous define() module: () => CanvasKitInit
http://requirejs.org/docs/errors.html#mismatch
at makeError (require.js:168:17)
at intakeDefines (require.js:1254:36)
at Object.localRequire [as require] (require.js:1446:21)
at requirejs (require.js:1797:24)
at req.config (require.js:1805:16)
at main_module.bootstrap.js:3:9Flutter Doctor output
Doctor output
PS C:\flutter> flutter doctor -v
[√] Flutter (Channel beta, 3.24.0-0.2.pre, on Microsoft Windows [Version 10.0.22631.3958], locale nb-NO)
• Flutter version 3.24.0-0.2.pre on channel beta at c:\Flutter\flutter
• Upstream repository https://github.com/flutter/flutter.git
• Framework revision 7c6b7e9ca4 (5 days ago), 2024-07-30 14:26:44 +0700
• Engine revision 6e4deceb38
• Dart version 3.5.0 (build 3.5.0-323.2.beta)
• DevTools version 2.37.2
[√] Windows Version (Installed version of Windows is version 10 or higher)
[√] Android toolchain - develop for Android devices (Android SDK version 35.0.0)
• Android SDK at C:\Users\roarg\AppData\Local\Android\Sdk
• Platform android-35, build-tools 35.0.0
• ANDROID_HOME = C:\Users\roarg\AppData\Local\Android\Sdk
• Java binary at: C:\Program Files\Android Studio\Android Studio 2024.1.1.11\jbr\bin\java
• Java version OpenJDK Runtime Environment (build 17.0.10+0--11609105)
• All Android licenses accepted.
[√] Chrome - develop for the web
• Chrome at C:\Program Files\Google\Chrome\Application\chrome.exe
[√] Visual Studio - develop Windows apps (Visual Studio Community 2019 16.11.3)
• Visual Studio at C:\Program Files (x86)\Microsoft Visual Studio\2019\Community
• Visual Studio Community 2019 version 16.11.31702.278
• Windows 10 SDK version 10.0.19041.0
[√] Android Studio (version 2023.1)
• Android Studio at C:\Program Files\Android Studio\Android Studio 2023.1.1.28
• Flutter plugin can be installed from:
https://plugins.jetbrains.com/plugin/9212-flutter
• Dart plugin can be installed from:
https://plugins.jetbrains.com/plugin/6351-dart
• Java version OpenJDK Runtime Environment (build 17.0.7+0-b2043.56-10550314)
[√] Android Studio (version 2023.2)
• Android Studio at C:\Program Files\Android Studio\Android Studio 2023.2.1.25
• Flutter plugin can be installed from:
https://plugins.jetbrains.com/plugin/9212-flutter
• Dart plugin can be installed from:
https://plugins.jetbrains.com/plugin/6351-dart
• Java version OpenJDK Runtime Environment (build 17.0.9+0--11185874)
[√] Android Studio (version 2023.3)
• Android Studio at C:\Program Files\Android Studio\Android Studio 2023.3.1.20
• Flutter plugin can be installed from:
https://plugins.jetbrains.com/plugin/9212-flutter
• Dart plugin can be installed from:
https://plugins.jetbrains.com/plugin/6351-dart
• Java version OpenJDK Runtime Environment (build 17.0.10+0--11572160)
[√] Android Studio (version 2024.1)
• Android Studio at C:\Program Files\Android Studio\Android Studio 2024.1.1.11
• Flutter plugin can be installed from:
https://plugins.jetbrains.com/plugin/9212-flutter
• Dart plugin can be installed from:
https://plugins.jetbrains.com/plugin/6351-dart
• Java version OpenJDK Runtime Environment (build 17.0.10+0--11609105)
[√] Android Studio (version 2024.1)
• Android Studio at C:\Program Files\Android Studio\Android Studio 2024.1.2.10
• Flutter plugin can be installed from:
https://plugins.jetbrains.com/plugin/9212-flutter
• Dart plugin can be installed from:
https://plugins.jetbrains.com/plugin/6351-dart
• Java version OpenJDK Runtime Environment (build 17.0.11+0--11852314)
[√] Connected device (4 available)
• SM G965F (mobile) • 23b3df780c0c7ece • android-arm64 • Android 10 (API 29)
• Windows (desktop) • windows • windows-x64 • Microsoft Windows [Version 10.0.22631.3958]
• Chrome (web) • chrome • web-javascript • Google Chrome 127.0.6533.89
• Edge (web) • edge • web-javascript • Microsoft Edge 127.0.2651.86
[√] Network resources
• All expected network resources are available.
• No issues found!