Wildcard Route not working

[CodeDoctorDE]

I use WildcardRoute(child: (_, __) => ErrorDisplay()) in my main module but it only raise an exception in my web application Error: ModularError: Route '/editor/detai' not found.

My module:

import 'package:dev_doctor/backends/home.dart';
import 'package:dev_doctor/backends/module.dart';
import 'package:dev_doctor/settings/home.dart';
import 'package:dev_doctor/settings/module.dart';
import 'package:dev_doctor/widgets/error.dart';
import 'package:flutter/material.dart';
import 'package:flutter_modular/flutter_modular.dart';

import 'add.dart';
import 'app_widget.dart';
import 'courses/home.dart';
import 'courses/module.dart';
import 'editor/home.dart';
import 'editor/module.dart';
import 'home.dart';

class AppModule extends Module {
  // Provide a list of dependencies to inject into your project
  @override
  final List<Bind> binds = [];

  // Provide all the routes for your module
  @override
  final List<ModularRoute> routes = [
    ChildRoute('/', child: (_, args) => MyHomePage(), children: [
      ...HomeRoutes.values.map((e) =>
          ChildRoute(e.route!, child: (_, __) => e.widget!, transition: TransitionType.fadeIn)),
      WildcardRoute(child: (_, __) => ErrorDisplay())
    ]),
    WildcardRoute(child: (_, __) => ErrorDisplay()),
    ModuleRoute('/editor', module: EditorModule()),
    ModuleRoute('/backends', module: BackendsModule()),
    ModuleRoute('/settings', module: SettingsModule()),
    ModuleRoute('/courses', module: CourseModule()),
    ChildRoute('/error', child: (_, args) => ErrorDisplay()),
    ChildRoute('/add', child: (_, args) => AddServerPage(url: args.queryParams['url']!)),
  ];
}

enum HomeRoutes { home, backends, courses, editor, settings }

extension HomeRoutesExtension on HomeRoutes {
  String? get route {
    switch (this) {
      case HomeRoutes.home:
        return '/';
      case HomeRoutes.backends:
        return '/backends';
      case HomeRoutes.courses:
        return '/courses';
      case HomeRoutes.editor:
        return '/editor';
      case HomeRoutes.settings:
        return '/settings';
    }
  }

  Widget? get widget {
    switch (this) {
      case HomeRoutes.home:
        return HomePage();
      case HomeRoutes.backends:
        return BackendsPage();
      case HomeRoutes.courses:
        return CoursesPage();
      case HomeRoutes.editor:
        return EditorPage();
      case HomeRoutes.settings:
        return SettingsPage();
    }
  }

  static HomeRoutes fromRoute(String route) {
    return HomeRoutes.values.firstWhere((element) => element.route == route);
  }
}

It would be cool if there is a documentation for that

[CodeDoctorDE]

I am using flutter_modular: ^3.1.0

[nhatzbulawan]

Same issue

[ebelevics]

I have same issue - it doesn't show provided error screen on wrong route. Also added documentation would be nice.

[jacobaraujo7]

Fixed