Hi there. Have had a bit of a hunt but haven’t been able to track down a solution.
I have a multi-page app with various different views that are linked via a homepage. My issue is that on page “A” I get the error:
ReferenceError: A nonexistent object was used in an `Input` of a Dash callback.
The object that is being referenced in the error above is actually from page “B”.
Conversely, when viewing page “B”, the above error shows again, but this time for a callback that is present in page “A”.
Sure enough, commenting out the callback in one of the pages removes the error from the other.
The callbacks in question:
@app.callback( Output('data_div', 'children'), [ Input('report_choice', 'value'), ... Input('submit_button', 'n_clicks'), ] ) def generate_report( report_choice, ... submit_button_clicks ):
@app.callback( [ Output('item_code', 'children'), ... Output('data_div', 'hidden'), ], [ Input('given_item_string', 'value'), Input('given_store', 'value'), Input('submit_button', 'n_clicks'), ] ) def update_item_view(given_item_string, given_store, submit_button):
Is there something i’m missing in understanding how the callbacks should be behaving?
Let me know if i can clarify anything. Any help would be appreciated.