Compilation broken by component

Troubleshooting

Hi all,

I've been fighting with an issue for the last couple of days and I haven't found a solution in the forum or anywhere else. I have an app with a homepage and a few widgets inside it, and when I run it locally it works fine (see first picture). If I convert one of the children elements into a component the compilation doesn't work anymore (see second picture).

At the moment I am completely lost. Does anyone have any clue about what might be breaking the compilation?

The full stack trace is below.

Updating local specs repositories
Analyzing dependencies
Downloading dependencies
Installing Flutter (1.0.0)
Installing path_provider_foundation (0.0.1)
Installing pointer_interceptor_ios (0.0.1)
Installing shared_preferences_foundation (0.0.1)
Installing sqflite (0.0.3)
Installing url_launcher_ios (0.0.1)
Installing webview_flutter_wkwebview (0.0.1)
Generating Pods project
Integrating client project
Pod installation complete! There are 7 dependencies from the Podfile and 7 total pods installed.

[!] CocoaPods did not set the base configuration of your project because your project already has a custom config set. In order for CocoaPods integration to work at all, please either set the base configurations of the target `Runner` to `Target Support Files/Pods-Runner/Pods-Runner.profile.xcconfig` or include the `Target Support Files/Pods-Runner/Pods-Runner.profile.xcconfig` in your build configuration (`Flutter/Release.xcconfig`).
Launching lib/main.dart on iPhone 15 Pro Max in debug mode...
Upgrading contents.xcworkspacedata
Updating project for Xcode compatibility.
Upgrading project.pbxproj
Upgrading Runner.xcscheme
Upgrading Info.plist
Removing script build phase dependency analysis.
Adding input path to Thin Binary build phase.
ios/Runner/AppDelegate.swift uses the deprecated @UIApplicationMain attribute, updating.
Running pod install...                                             785ms
Running Xcode build...                                          
Xcode build done.                                           15,4s
Syncing files to device iPhone 15 Pro Max...                       185ms

Flutter run key commands.
r Hot reload. ๐Ÿ”ฅ๐Ÿ”ฅ๐Ÿ”ฅ
R Hot restart.
h List all available interactive commands.
d Detach (terminate "flutter run" but leave application running).
c Clear the screen
q Quit (terminate the application on the device).

A Dart VM Service on iPhone 15 Pro Max is available at: http://127.0.0.1:61409/PdcM2u6M3qE=/
The Flutter DevTools debugger and profiler on iPhone 15 Pro Max is available at: http://127.0.0.1:9103?uri=http://127.0.0.1:61409/PdcM2u6M3qE=/

Performing hot reload...                                        
Reloaded 33 of 1868 libraries in 595ms (compile: 238 ms, reload: 128 ms, reassemble: 58 ms).

Performing hot reload...                                        

โ•โ•โ•ก EXCEPTION CAUGHT BY WIDGETS LIBRARY โ•žโ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•
The following LateError was thrown building HomePageWidget(dirty, dependencies:
[InheritedCupertinoTheme, MediaQuery, _InheritedTheme, _LocalizationsScope-[GlobalKey#70c8c]],
state: _HomePageWidgetState#729a8):
LateInitializationError: Field 'testComponentModel' has not been initialized.

The relevant error-causing widget was:
  HomePageWidget
  HomePageWidget:file:///Users/tester/Library/Application%20Support/io.flutterflow.prod.mac/test_app/lib/flutter_flow/nav/nav.dart:100:43

When the exception was thrown, this was the stack:
#0      HomePageModel.testComponentModel (package:test_app/pages/home_page/home_page_model.dart)
#1      _HomePageWidgetState.build (package:test_app/pages/home_page/home_page_widget.dart:83:33)
#2      StatefulElement.build (package:flutter/src/widgets/framework.dart:5729:27)
#3      ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:5617:15)
#4      StatefulElement.performRebuild (package:flutter/src/widgets/framework.dart:5780:11)
#5      Element.rebuild (package:flutter/src/widgets/framework.dart:5333:7)
#6      StatefulElement.update (package:flutter/src/widgets/framework.dart:5803:5)
#7      Element.updateChild (package:flutter/src/widgets/framework.dart:3941:15)
#8      SingleChildRenderObjectElement.update (package:flutter/src/widgets/framework.dart:6907:14)
#9      Element.updateChild (package:flutter/src/widgets/framework.dart:3941:15)
#10     ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:5642:16)
#11     Element.rebuild (package:flutter/src/widgets/framework.dart:5333:7)
#12     StatelessElement.update (package:flutter/src/widgets/framework.dart:5693:5)
#13     Element.updateChild (package:flutter/src/widgets/framework.dart:3941:15)
#14     SingleChildRenderObjectElement.update (package:flutter/src/widgets/framework.dart:6907:14)
#15     Element.updateChild (package:flutter/src/widgets/framework.dart:3941:15)
#16     SingleChildRenderObjectElement.update (package:flutter/src/widgets/framework.dart:6907:14)
#17     Element.updateChild (package:flutter/src/widgets/framework.dart:3941:15)
#18     ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:5642:16)
#19     StatefulElement.performRebuild (package:flutter/src/widgets/framework.dart:5780:11)
#20     Element.rebuild (package:flutter/src/widgets/framework.dart:5333:7)
#21     StatefulElement.update (package:flutter/src/widgets/framework.dart:5803:5)
#22     Element.updateChild (package:flutter/src/widgets/framework.dart:3941:15)
#23     Element.updateChildren (package:flutter/src/widgets/framework.dart:4090:32)
#24     MultiChildRenderObjectElement.update (package:flutter/src/widgets/framework.dart:7060:17)
#25     Element.updateChild (package:flutter/src/widgets/framework.dart:3941:15)
#26     ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:5642:16)
#27     StatefulElement.performRebuild (package:flutter/src/widgets/framework.dart:5780:11)
#28     Element.rebuild (package:flutter/src/widgets/framework.dart:5333:7)
#29     StatefulElement.update (package:flutter/src/widgets/framework.dart:5803:5)
#30     Element.updateChild (package:flutter/src/widgets/framework.dart:3941:15)
#31     SingleChildRenderObjectElement.update (package:flutter/src/widgets/framework.dart:6907:14)
#32     Element.updateChild (package:flutter/src/widgets/framework.dart:3941:15)
#33     ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:5642:16)
#34     StatefulElement.performRebuild (package:flutter/src/widgets/framework.dart:5780:11)
#35     Element.rebuild (package:flutter/src/widgets/framework.dart:5333:7)
#36     StatefulElement.update (package:flutter/src/widgets/framework.dart:5803:5)
#37     Element.updateChild (package:flutter/src/widgets/framework.dart:3941:15)
#38     SingleChildRenderObjectElement.update (package:flutter/src/widgets/framework.dart:6907:14)
#39     Element.updateChild (package:flutter/src/widgets/framework.dart:3941:15)
#40     ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:5642:16)
#41     StatefulElement.performRebuild (package:flutter/src/widgets/framework.dart:5780:11)
#42     Element.rebuild (package:flutter/src/widgets/framework.dart:5333:7)
#43     StatefulElement.update (package:flutter/src/widgets/framework.dart:5803:5)
#44     Element.updateChild (package:flutter/src/widgets/framework.dart:3941:15)
#45     SingleChildRenderObjectElement.update (package:flutter/src/widgets/framework.dart:6907:14)
#46     Element.updateChild (package:flutter/src/widgets/framework.dart:3941:15)
#47     ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:5642:16)
#48     StatefulElement.performRebuild (package:flutter/src/widgets/framework.dart:5780:11)
#49     Element.rebuild (package:flutter/src/widgets/framework.dart:5333:7)
#50     StatefulElement.update (package:flutter/src/widgets/framework.dart:5803:5)
#51     Element.updateChild (package:flutter/src/widgets/framework.dart:3941:15)
#52     ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:5642:16)
#53     StatefulElement.performRebuild (package:flutter/src/widgets/framework.dart:5780:11)
#54     Element.rebuild (package:flutter/src/widgets/framework.dart:5333:7)
#55     StatefulElement.update (package:flutter/src/widgets/framework.dart:5803:5)
#56     Element.updateChild (package:flutter/src/widgets/framework.dart:3941:15)
#57     ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:5642:16)
#58     StatefulElement.performRebuild (package:flutter/src/widgets/framework.dart:5780:11)
#59     Element.rebuild (package:flutter/src/widgets/framework.dart:5333:7)
#60     StatefulElement.update (package:flutter/src/widgets/framework.dart:5803:5)
#61     Element.updateChild (package:flutter/src/widgets/framework.dart:3941:15)
#62     ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:5642:16)
#63     StatefulElement.performRebuild (package:flutter/src/widgets/framework.dart:5780:11)
#64     Element.rebuild (package:flutter/src/widgets/framework.dart:5333:7)
#65     StatefulElement.update (package:flutter/src/widgets/framework.dart:5803:5)
#66     Element.updateChild (package:flutter/src/widgets/framework.dart:3941:15)
#67     SingleChildRenderObjectElement.update (package:flutter/src/widgets/framework.dart:6907:14)
#68     Element.updateChild (package:flutter/src/widgets/framework.dart:3941:15)
#69     ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:5642:16)
#70     Element.rebuild (package:flutter/src/widgets/framework.dart:5333:7)
#71     ProxyElement.update (package:flutter/src/widgets/framework.dart:5946:5)
#72     _InheritedNotifierElement.update (package:flutter/src/widgets/inherited_notifier.dart:105:11)
#73     Element.updateChild (package:flutter/src/widgets/framework.dart:3941:15)
#74     SingleChildRenderObjectElement.update (package:flutter/src/widgets/framework.dart:6907:14)
#75     Element.updateChild (package:flutter/src/widgets/framework.dart:3941:15)
#76     ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:5642:16)
#77     StatefulElement.performRebuild (package:flutter/src/widgets/framework.dart:5780:11)
#78     Element.rebuild (package:flutter/src/widgets/framework.dart:5333:7)
#79     StatefulElement.update (package:flutter/src/widgets/framework.dart:5803:5)
#80     Element.updateChild (package:flutter/src/widgets/framework.dart:3941:15)
#81     ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:5642:16)
#82     Element.rebuild (package:flutter/src/widgets/framework.dart:5333:7)
#83     ProxyElement.update (package:flutter/src/widgets/framework.dart:5946:5)
#84     Element.updateChild (package:flutter/src/widgets/framework.dart:3941:15)
#85     ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:5642:16)
#86     Element.rebuild (package:flutter/src/widgets/framework.dart:5333:7)
#87     ProxyElement.update (package:flutter/src/widgets/framework.dart:5946:5)
#88     Element.updateChild (package:flutter/src/widgets/framework.dart:3941:15)
#89     ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:5642:16)
#90     StatefulElement.performRebuild (package:flutter/src/widgets/framework.dart:5780:11)
#91     Element.rebuild (package:flutter/src/widgets/framework.dart:5333:7)
#92     StatefulElement.update (package:flutter/src/widgets/framework.dart:5803:5)
#93     Element.updateChild (package:flutter/src/widgets/framework.dart:3941:15)
#94     ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:5642:16)
#95     Element.rebuild (package:flutter/src/widgets/framework.dart:5333:7)
#96     StatelessElement.update (package:flutter/src/widgets/framework.dart:5693:5)
#97     Element.updateChild (package:flutter/src/widgets/framework.dart:3941:15)
#98     ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:5642:16)
#99     Element.rebuild (package:flutter/src/widgets/framework.dart:5333:7)
#100    StatelessElement.update (package:flutter/src/widgets/framework.dart:5693:5)
#101    Element.updateChild (package:flutter/src/widgets/framework.dart:3941:15)
#102    SingleChildRenderObjectElement.update (package:flutter/src/widgets/framework.dart:6907:14)
#103    Element.updateChild (package:flutter/src/widgets/framework.dart:3941:15)
#104    ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:5642:16)
#105    Element.rebuild (package:flutter/src/widgets/framework.dart:5333:7)
#106    ProxyElement.update (package:flutter/src/widgets/framework.dart:5946:5)
#107    Element.updateChild (package:flutter/src/widgets/framework.dart:3941:15)
#108    ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:5642:16)
#109    Element.rebuild (package:flutter/src/widgets/framework.dart:5333:7)
#110    ProxyElement.update (package:flutter/src/widgets/framework.dart:5946:5)
#111    Element.updateChild (package:flutter/src/widgets/framework.dart:3941:15)
#112    ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:5642:16)
#113    StatefulElement.performRebuild (package:flutter/src/widgets/framework.dart:5780:11)
#114    Element.rebuild (package:flutter/src/widgets/framework.dart:5333:7)
#115    StatefulElement.update (package:flutter/src/widgets/framework.dart:5803:5)
#116    Element.updateChild (package:flutter/src/widgets/framework.dart:3941:15)
#117    ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:5642:16)
#118    StatefulElement.performRebuild (package:flutter/src/widgets/framework.dart:5780:11)
#119    Element.rebuild (package:flutter/src/widgets/framework.dart:5333:7)
#120    StatefulElement.update (package:flutter/src/widgets/framework.dart:5803:5)
#121    Element.updateChild (package:flutter/src/widgets/framework.dart:3941:15)
#122    ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:5642:16)
#123    StatefulElement.performRebuild (package:flutter/src/widgets/framework.dart:5780:11)
#124    Element.rebuild (package:flutter/src/widgets/framework.dart:5333:7)
#125    BuildScope._tryRebuild (package:flutter/src/widgets/framework.dart:2693:15)
#126    BuildScope._flushDirtyElements (package:flutter/src/widgets/framework.dart:2752:11)
#127    BuildOwner.buildScope (package:flutter/src/widgets/framework.dart:3048:18)
#128    WidgetsBinding.drawFrame (package:flutter/src/widgets/binding.dart:1162:21)
#129    RendererBinding._handlePersistentFrameCallback (package:flutter/src/rendering/binding.dart:468:5)
#130    SchedulerBinding._invokeFrameCallback (package:flutter/src/scheduler/binding.dart:1397:15)
#131    SchedulerBinding.handleDrawFrame (package:flutter/src/scheduler/binding.dart:1318:9)
#132    SchedulerBinding.scheduleWarmUpFrame.<anonymous closure> (package:flutter/src/scheduler/binding.dart:1040:9)
#133    PlatformDispatcher.scheduleWarmUpFrame.<anonymous closure> (dart:ui/platform_dispatcher.dart:837:16)
#137    _RawReceivePort._handleMessage (dart:isolate-patch/isolate_patch.dart:184:12)
(elided 3 frames from class _Timer and dart:async-patch)

โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•

Reloaded 35 of 1870 libraries in 557ms (compile: 104 ms, reload: 120 ms, reassemble: 185 ms).
What have you tried so far?

I've downloaded the code, opened home_page_widget.dart but there's no line 83. The file is only 61 lines long.

Did you check FlutterFlow's Documentation for this topic?
No
1
2 replies