When running our react web application both locally and in production, I am receiving the following errors and warnings in the Console. This error appears in the Console tab of Chrome Dev Tools when I am running our react web application both locally and in production.
The only warning or error that makes a modicum of sense is the youtube.com error as we have a link to a YouTube video on our home page, and perhaps we are not properly displaying the video.
I am at a complete loss for the rest of these warnings/errors and how to resolve them. We do not use LaunchDarklyClient in our web application at all. These DevTools failed to load source map:... warnings don't provide any context, and the links lead to no where.
Notably, when I run our website in incognito mode, the LaunchDarklyClient error goes away, as do the DevTools failed to load... warnings. Does that mean these warnings/errors are potentially due to some chrome extensions I am using, or something else related to my local chrome?
I did some testing by toggling extensions on and off:
adblock plus 3.16 is responsible for DevTools failed to load source map:... warnings
compose AI 1.0.0-rc1 is responsible for LaunchDarklyClient errors
unrecognized feature: web-share is not related to any of my extensions (still getting this warning when toggling all extensions off)
Still not sure if there's a way to hide or remove these warnings/errors other than to disable these chrome extensions.
Related
I'm building a Flutter web app. Everything was working fine until randomly I did a hot restart and then I began getting this error.
wasm streaming compile failed: TypeError: Could not download wasm module
Tried 2 things
Reverted the code back to a known working state (from git source control) and I still get this error.
Created NEW Flutter project from Android studio using New Flutter project options. Still did not work.
Any ideas? I tried to update Chrome and this did not help.
I lived in a remote area where no broadband is available so I use wireless network through sim card. The operator network is disturbing ,I can browse website sometimes and some times bit laggy on the other hand my flutter project work on emulator but I can not run it web. I changed the operator network and get a good quality of internet connection than The issue gone. What I think some module in web need to build good internet connection. I don't know this answer is helpful or not but this is how I solve my issue
It needs a stable internet connection to run. The error gone once I switched to good internet.
I'm trying to run my first flutter code on the web. I followed setup instructions provided in Building a web application with Flutter and created a very simple app, that's only supposed to display a navigation bar. Now as I'm running my application for the first time on "Chrome (web)" device, it won't connect to the browser. It's been almost 20 minutes and it's still telling me "Attempting to connect to browser instance".
> flutter run -d chrome
Launching lib\main.dart on Chrome in debug mode...
Building application for the web... 1215.1s
Attempting to connect to browser instance..
(This is taking an unexpectedly long time.)
Can anyone guide me on how to fix this?
In my case, I couldn't disable the virus guard. So I used the server mode.
flutter run -d web-server
Launching lib\main.dart on Web Server in debug mode...
Building application for the web... 8.8s
lib\main.dart is being served at http://localhost:57598/
Then go to the URL shown.
The same thing happened to me, I disabled the anti virus and it worked
It's mostly nothing to do with Flutter but, it's either because you have logged in your computer in safe mode. In my case the shift key was stuck and I had no idea I was in safe mode.
Or else You need to check your firewall, go to System Preferences > Security and Privacy > Firewall --click the lock below and enter your system password -- and then click firewall option -- In there add your editor to allow internet connection for android studio Or VS Code.
I experienced the something similar, chrome opens but never showed the web app (just white screen). In my case it had to do with the interaction of flutter and riverpod.
If you are using riverpod 1.0.0 and flutter 2.5.3 you need to update flutter to 2.8.0 or 2.8.1 (see this issue: https://github.com/rrousselGit/river_pod/issues/889)
I understand service-worker runs as a separate thread parallel to the main thread.
I have an android app that runs Webview. My app is in react and i use workbox strategies for caching.
Service worker updates everytime I do a new build. However the source file of service-worker.js is not available in the chrome dev tools for me to debug.
Any idea how i can get the file there so that i can put breakpoints and debug ?
PS: just few days before i could get the file for debugging the dev tools. I am not sure what has changed. I havent changed any settings the the browser.
I'm having the exact same problem with the same symptoms and timeframe. I tried everything I can think of and can no longer get remote debugging of a service worker running in an Android WebView to work.
Like you I am sure it was working in mid-February and stopped working in the last few weeks.
I submitted a bug to Google which you can find here.
I think we can only hope it will be fixed in an upcoming release of Chrome.
You can inspect your extension's service worker but it's tricky, I don't know why Chrome doesn't show the service worker in the default chrome extension devtools.
here is how you can do it:
open chrome://serviceworker-internals/?devtools
find your extension there, there is a textarea that shows console logs, every console log will show the extension path in chrome e.g.
Console: {"lineNumber":688,"message":"[crx-helper] connection error","message_level":3,"sourceIdentifier":3,"sourceURL":"chrome-extension://aobpjedackhiamobjolncblfckdgfjbk/background.bundle.js"}
get that sourceUrl chrome-extension://aobpjedackhiamobjolncblfckdgfjbk/background.bundle.js yours will have a different id, which you can also see in chrome://extensions
paste that path in a new tab and open devtools (screenshot).
I need to troubleshoot an issue happening in a webview running within my app. This issue only occurs on Android versions lower or equal to 4.3. My app requires an up to date version of Google Play services.
In order to troubleshoot my webview, I usually can run my app under the Android Emulator (with the latest version of Android), then connect to the web view via Chrome (using chrome://inspect) - the web view appears in Chrome and I'm able to browse the DOM and debug.
To run the app under 4.3, I've created (under AVD) a new device from an existing device definition,
then picked the target Google APIs (Google Inc.) - API Level 18. I've then installed my app, but when trying to run it, I get the error message "This app won't run unless you update Google Play services.". There's an "Update" button on the previous dialog, but nothing happen when clicking on it.
I then tried to debug my issue using Genymotion. I've created a device under 4.3, followed these instructions to flash my device with the latest Google Play services and installed my app. I can now run the app and reproduce the issue within this simulated environment.
The trick now is to be able to connect to the web view from my local Chrome browser. I've enabled remote debugging as described here. Now my device appears in Chrome, but the web view is not showing up in the inspector. Similarly, if I open a new tab under the native browser, it won't show up in the remote inspector. If I open a new tab under Android Chrome though, I can see it showing up under my remote Chrome inspector.
I can see two way moving forward and successfully accessing to the DOM of my webview:
Fixing the "Update" issue under the Android Emulator running 4.3
Or
Connecting to my web view from my Chrome inspector while running the app under Genymotion
Any idea on how to solve one of these two problems?
I have been using weinre for sometimes. it's a pretty good tool to debug webview for android 4.3 and lower. It provides almost same interface as chrome debugger.
All you need to do are:
Install weinre
sudo npm -g install weinre
Client side:
Insert the following code to your webpage <head> section.
Note: it's better to put it at end of <head> section, otherwise there will be some strange errors and debugger won't show up.
<script src="http://<your server ip here>:8081/target/target-script-min.js"></script>
Server side
weinre --boundHost -all- --httpPort 8081
Debugger
open the debugger tool from weinre from your desktop browser:
http://localhost:8081/client/
Finally,
select any target in Targets part and then start debugging.
Remote debugging web views only works on devices with android 4.4 and above.
have a look at this :
https://developer.chrome.com/devtools/docs/remote-debugging
I want to package and launch my BlackBerry Hello World application for WebWorks. For developement, I am using the Ripple emulator. The Ripple simulator says:
The build and deploy services are not currently running, would you like to start them?
After pressing the button Start Services nothing happens and no errors are in the error console.and i also did below steps as i have searched and get this result:
There are two reasons this might be happening. The first is that Chrome is preventing this from happening.
Open the Tools --> Extensions screen in Chrome
Enable 'Developer Mode' checkbox if it isn't already
Are you running Chrome in Incognito mode? If so enable the 'Allow in Incognito' checkbox
The other options is that nodejs is being blocked. If you're on windows, I'd suggest making sure that all user permissisons are enabled to allow you to run Chrome in a way that it can launch external processes.
And After doing all when ever i refresh page it says
The build and deploy services are currently running at localhost:9910. and after loading that page this message not visible but
The build and deploy services are not currently running, would you like to start them? message still there! please explain what's wrong here?
Thanks
This issue is solved by removing Ripple extension version 0.9.15 and installing version 0.9.16 (latest as of this posting), and restarting Chrome. When you click the 'Start Services' button, the console should appear displaying a build service start up message.
http://developer.blackberry.com/bbos/html5/download/
Install the latest beta and it should work!