requireJS Flutter web error Error: Mismatched anonymous define() module: function() { return CanvasKitInit; }

main.dart

import 'dart:js' as js;
import 'dart:js_util';
import 'package:flutter/material.dart';


void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  runApp(const RequireRepro());
}

class RequireRepro extends StatefulWidget {
  const RequireRepro({Key? key}) : super(key: key);

  @override
  State<RequireRepro> createState() => _RequireReproState();
}

class _RequireReproState extends State<RequireRepro> {
  @override
  void initState() {
    super.initState();
    js.context.callMethod('require', [
      js.JsArray.from(['https://player.vimeo.com/api/player.js']),
      js.allowInterop((player) {
        js.context['console'].callMethod('dir', [player]);
      }),
      js.allowInterop((err) {
        js.context['console'].callMethod('dir', [err]);
      }),
    ]);
  }

  @override
  Widget build(BuildContext context) {
    return const Placeholder();
  }
}