BUG - Support for WebAssembly (Wasm)

[joaovvrodrigues]

Describe the bug:

Flutter 3.24 or newer supports running a web app with Wasm using flutter run --wasm.

Auto-Injector for wasm.

RuntimeError: dereferencing a null pointer at ModularRouteInformationParser. This could be related to an issue when parsing routes in Flutter Web.

AutoInjector Error:
There's an error in the AutoInjectorImpl._resolveBind method, specifically when resolving an instance by class name. This might indicate an issue with dependency injection where the required instance could not be found or injected.
It seems that the core issue is within the dependency injection process (AutoInjectorImpl) and how ModularRouteInformationParser handles routing, especially on Flutter Web.

Environment:
Flutter: 3.24.4
flutter_modular: ^6.3.4
auto_injector: ^2.0.5

To Reproduce

import 'package:flutter/material.dart';
import 'package:flutter_modular/flutter_modular.dart';

void main() {
  WidgetsFlutterBinding.ensureInitialized();
  runApp(ModularApp(
    module: AppModule(),
    child: const MyApp(),
  ));
}

class AppModule extends Module {
  @override
  void routes(RouteManager r) {
    r.child("/",
        child: (context) => const MyHomePage(title: 'Flutter Demo Home Page'));
  }
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp.router(
      title: 'Flutter Demo',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      routerConfig: Modular.routerConfig,
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key, required this.title});

  final String title;

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0;

  void _incrementCounter() {
    setState(() {
      _counter++;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            const Text(
              'You have pushed the button this many times:',
            ),
            Text(
              '$_counter',
              style: Theme.of(context).textTheme.headlineMedium,
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: 'Increment',
        child: const Icon(Icons.add),
      ),
    );
  }
}

[joaovvrodrigues]

Reported by @ArturLevchuk a more 2 weeks ago.

[HudsonAfonso]

+1

[davidsdearaujo]

Working on it!

[davidsdearaujo]

Please try to override the flutter_modular dependency like that:

dependency_overrides:
  flutter_modular:
    git:
      url: https://github.com/davidsdearaujo/modular.git
      ref: dcadc389f546680cc9b63cf3f7b5e65ded8361ae
      path: flutter_modular

This will point to this PR, please take a look at the PR description:

• fix: webassembly modular#982

Drop a comment in the PR if it worked for you!