I'm trying to use remote and local vm linux servers for development with vs code. I connect with vs code's remote extension through ssh without problems. Building the app for web works without problems.
Something isn't working with the port forwarding or the web server device. Tried it in 2 different environments (local centos 7 x86_64 vm in vmware, remote oracle linux 8 x86_64 vm on oracle cloud), same results.
When I start the debugging in vs code(f5), a new tab opens in chrome but it never loads just hangs there loading and the Dart Debug extension remains grey.
curl http://localhost:37476/ hangs in the client machine but the same command on the remote machine gives back the desired result
[root@localhost ~]# curl http://localhost:37476/
<!DOCTYPE html>
<html>
<head>
<!--
If you are serving your web app in a path other than the root, change the
href value below to reflect the base path you are serving from.
The path provided below has to start and end with a slash "/" in order for
it to work correctly.
For more details:
* https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base
-->
<base href="/">
<meta charset="UTF-8">
<meta content="IE=Edge" http-equiv="X-UA-Compatible">
<meta name="description" content="A new Flutter project.">
<!-- iOS meta tags & icons -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="excercise_timer">
<link rel="apple-touch-icon" href="icons/Icon-192.png">
<title>excercise_timer</title>
<link rel="manifest" href="manifest.json">
</head>
<body>
<!-- This script installs service_worker.js to provide PWA functionality to
application. For more information, see:
https://developers.google.com/web/fundamentals/primers/service-workers -->
<script>
var serviceWorkerVersion = null;
var scriptLoaded = false;
function loadMainDartJs() {
if (scriptLoaded) {
return;
}
scriptLoaded = true;
var scriptTag = document.createElement('script');
scriptTag.src = 'main.dart.js';
scriptTag.type = 'application/javascript';
document.body.append(scriptTag);
}
if ('serviceWorker' in navigator) {
// Service workers are supported. Use them.
window.addEventListener('load', function () {
// Wait for registration to finish before dropping the <script> tag.
// Otherwise, the browser will load the script multiple times,
// potentially different versions.
var serviceWorkerUrl = 'flutter_service_worker.js?v=' + serviceWorkerVersion;
navigator.serviceWorker.register(serviceWorkerUrl)
.then((reg) => {
function waitForActivation(serviceWorker) {
serviceWorker.addEventListener('statechange', () => {
if (serviceWorker.state == 'activated') {
console.log('Installed new service worker.');
loadMainDartJs();
}
});
}
if (!reg.active && (reg.installing || reg.waiting)) {
// No active web worker and we have installed or are installing
// one for the first time. Simply wait for it to activate.
waitForActivation(reg.installing ?? reg.waiting);
} else if (!reg.active.scriptURL.endsWith(serviceWorkerVersion)) {
// When the app updates the serviceWorkerVersion changes, so we
// need to ask the service worker to update.
console.log('New service worker available.');
reg.update();
waitForActivation(reg.installing);
} else {
// Existing service worker is still good.
console.log('Loading app from service worker.');
loadMainDartJs();
}
});
// If service worker doesn't succeed in a reasonable amount of time,
// fallback to plaint <script> tag.
setTimeout(() => {
if (!scriptLoaded) {
console.warn(
'Failed to load app from service worker. Falling back to plain <script> tag.',
);
loadMainDartJs();
}
}, 4000);
});
} else {
// Service workers not supported. Just drop the <script> tag.
loadMainDartJs();
}
</script>
</body>
</html>
Steps to Reproduce
- git clone https://github.com/flutter/flutter.git -b stable
- connect in vs code through ssh to remote
- debug (f5) with the web-server device
Logs
Logs
[opc@ol-amd-e4 ~]$ flutter doctor -v
[✓] Flutter (Channel stable, 2.8.0, on Oracle Linux Server 8.5 5.4.17-2136.301.1.4.el8uek.x86_64,
locale en_US.UTF-8)
• Flutter version 2.8.0 at /opt/flutter
• Upstream repository https://github.com/flutter/flutter.git
• Framework revision cf44000065 (18 hours ago), 2021-12-08 14:06:50 -0800
• Engine revision 40a99c5951
• Dart version 2.15.0
[!] Android toolchain - develop for Android devices (Android SDK version 29.0.2)
• Android SDK at /opt/android-sdk
• Platform android-30, build-tools 29.0.2
• ANDROID_HOME = /opt/android-sdk
• Java binary at: /home/opc/android-studio/jre/bin/java
• Java version OpenJDK Runtime Environment (build 11.0.10+0-b96-7249189)
! Some Android licenses not accepted. To resolve this, run: flutter doctor
--android-licenses
[✗] Chrome - develop for the web (Cannot find Chrome executable at google-chrome)
! Cannot find Chrome. Try setting CHROME_EXECUTABLE to a Chrome executable.
[✓] Android Studio
• Android Studio at /home/opc/android-studio
• 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 11.0.10+0-b96-7249189)
[!] Connected device
! No devices available
! Doctor found issues in 3 categories.
I'm trying to use remote and local vm linux servers for development with vs code. I connect with vs code's remote extension through ssh without problems. Building the app for web works without problems.
Something isn't working with the port forwarding or the web server device. Tried it in 2 different environments (local centos 7 x86_64 vm in vmware, remote oracle linux 8 x86_64 vm on oracle cloud), same results.
When I start the debugging in vs code(f5), a new tab opens in chrome but it never loads just hangs there loading and the Dart Debug extension remains grey.
curl http://localhost:37476/hangs in the client machine but the same command on the remote machine gives back the desired resultSteps to Reproduce
Logs
Logs