Flutter web index.html not same as examples for fcm what to do now

I am building a flutter web app. Using flutter 3.0.7. I need to send push notifications and it looks like the only real way is with fcm. So I created a project and with the cli I created a firebase_options.dart file. Then I created a firebase-messaging-sw.js file.

If I send a message from the console I recieve the message but as soon as I try to send the message from y app to a topic or registration key I get no message.

I red in the examples the few out there to change my index.html file.

To theThis code is not in my index.html, dont know if it is because I am working with flutter 3.0.7

<script>

if ("serviceWorker" in navigator) { window.addEventListener("load", function () {

mine looks like this

<script>
// The value below is injected by flutter build, do not touch.
var serviceWorkerVersion = null;

So could that be the problem that I can not send with legacy fcm api to my app users?

The send method I use is as follows

sendPushMessageToWeb(String? fcm_token) async {
if (fcm_token == null) {
pri开发者_JAVA技巧nt('Unable to send FCM message, no token exists.');
return;
}
try {
await http
.post(
Uri.parse('https://fcm.googleapis.com/fcm/send'),
headers: <String, String>{
'Content-Type': 'application/json',
'Authorization':
'key=my server key'
},
body: json.encode({
'to': "${fcm_token}",
'message': {
'token': "${fcm_token}",
},

"notification": { "title": "Push Notification", "body": "Firebase push notification" } }), ) .then((value) => print(value.body)); print('FCM request for web sent!'); } catch (e) { print(e); } }

When I send the message the method it tells me the message was send but no message is recieved. But when using console with the registration key it sends the message. Could it be because I did not change my index.html?

Thank you