search

flutter / devtools

Performance tools for Flutter
https://flutter.dev/docs/development/tools/devtools/
BSD 3-Clause "New" or "Revised" License
1.55k stars 319 forks source link

Reporting error: Something went wrong. redux_devtools_extension extension is not ready. #7203

Open borgoat opened 6 months ago

borgoat commented 6 months ago

Stack trace: null

<-- Please describe your problem here. Be sure to include repro steps. -->

I'm working on a DevTools extension,^2 I initially managed to get my UI to show up, following the steps over here,^1 then this error started appearing randomly:

image

Clicking that link brought me here (although as you can see it was unable to populate a stack trace...)

I couldn't really find anything useful in the console, the only 2 errors I noted were the following, with DevTools being unable to find some source maps and some Google Analytics thing not being loaded:

image

I initially thought this was due to some use of log inside my code, but I realised that even without it my basic example wouldn't work...

Then, I realised the one difference from yesterday is the rather poor Internet connection I have right now (thank you Swiss Railways... ), and indeed, after the extension did load (as said, the error is random), I saw this:

image image

It appears that some files are being loaded both from localhost and from some Google CDN (at least the names are the same). And the timing appears to match the delay I see when loading the UI.

Moving over to my mobile connection, suddenly everything worked fine.

Opening the DevTools from Chrome or Safari made no difference.

Is this expected? Did I build the extension UI incorrectly so that it fetches some data remotely?

Thanks!

DevTools version: 2.31.0 IDE: IntelliJ-IDEA Connected Device: CPU / OS: Web macos Connected app type: Flutter web (debug build) Dart Version: 3.3.0-279.3.beta Flutter Version: 3.19.0-0.4.pre / beta Framework / Engine: b7e7d46a04 / 98820f0a77

kenzieschmoll commented 6 months ago

How did you build your extension? I didn't see any content on your repo under extension/devtools/build

borgoat commented 6 months ago

You can find the build script in the root of the repo, in melos.yaml. I haven't made the CI work yet, but I didn't want to commit the compilation output, but rather have a single build step do the build of the web part and the publishing of the pub package.

The command would be, from the root of the repo:

dart run devtools_extensions build_and_copy --source=packages/redux_devtools_extension_ui --dest=packages/redux_devtools_extension/extension/devtools