webassembly bug

[ArturLevchuk]

Describe the bug
Looks like problem with auto-injector for wasm. In general web all is ok.

Environment
Flutter 3.24.4
flutter_modular: 6.3.4

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),
      ),
    );
  }
}

Screenshots

[joaovvrodrigues]

@jacobaraujo7 @davidsdearaujo, Could you please check this issue with the Modular using Auto Injector?

In my company, we use Modular extensively with Flutter Web, and it's preventing us from utilizing the new Flutter features.

[davidsdearaujo]

@joaovvrodrigues thank you for reporting this bug.
I guess I fixed that on auto_injector in this branch, could you try to override your auto_injector dependency?

Add this to the end of your pubspec.yaml:

dependency_overrides:
  auto_injector:
    git:
      url: https://github.com/davidsdearaujo/auto_injector
      ref: issue-975-webassembly-bug

[joaovvrodrigues]

Hi @davidsdearaujo, thanks for your feedback. Apparently the problem still persists.

[davidsdearaujo]

@joaovvrodrigues Could you describe what steps are you following to run the project in wasm?

[joaovvrodrigues]

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

https://docs.flutter.dev/platform-integration/web/wasm

[HudsonAfonso]

+1

[davidsdearaujo]

@ArturLevchuk @joaovvrodrigues @HudsonAfonso 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 #982

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