question: build error while adding an event listener

[caleb-at-pieces]

I am attempting to add an event listener on the window like so:

import 'dart:html';
import 'dart:js_interop';
import 'package:web/web.dart' as js;

void main() {
  runApp(const MyApp());
  try {
    js.window.addEventListener('message', test.toJS);
  } catch (e) {
    print('there was an err $e');
  }
}

void test(Event _) {
  print('test invoked');
}

however whenever I try to build my application I get this build error:

I saw someone faced this same issue here https://github.com/dart-lang/web/issues/212#issuecomment-2041106649 however after trying to replicate their code I still face the same issue

[caleb-at-pieces]

alright my issue was I was importing the 'Event' type from the dart:html package instead of the package:web/web.dart package

I'm all good now!

[srujzs]

If you upgrade your SDK to something like 3.4, we've actually enabled this behavior (to use a dart:html type in a function that gets toJS'd) so that code can be a bit easier to migrate from dart:html to package:web. Granted, dart:html still won't work on dart2wasm. At any rate, it looks like using the dart:html type wasn't your intention anyways.