Sidebar menu treeview not working after redirection in Angular 8 [BUG]

Describe the bug Once you log in using the login page you will be redirected to the Dashboard. In this moment in the Dashboard the sidebar menu “treeview” option does not open. Also, a menu with a simple link (not treeview) does not work and sometimes the website is reload when you click on it.

To Reproduce Steps to reproduce the behavior:

1. Go to login page
2. Continue to be redirected to the Dashboard
3. Try to click on a sidebar menu treeview

Expected behavior A working sidebar menu treeview after a redirection from the log in page.

Environment:

• AdminLTE Version: 3.0.2
• Angular 8.3.21
• Operating System: macOS Catalina
• Browser (Version): Chrome (Latest)

Additional context The same problem has been reported for Angular 4 and AdminLTE v2 here, but the solutions provided there does not work in Angular 8.

angular.json

"styles": [
      "node_modules/admin-lte/plugins/fontawesome-free/css/all.min.css",
      "node_modules/admin-lte/dist/css/adminlte.min.css",
      "src/styles.scss"
],
"scripts": [
      "node_modules/admin-lte/plugins/jquery/jquery.min.js",
      "node_modules/admin-lte/plugins/bootstrap/js/bootstrap.bundle.min.js",
      "node_modules/admin-lte/dist/js/adminlte.min.js"
]

[REJack]

You need to init the TreeView after login, with $('[data-widget="treeview"]').Treeview('init').

This issue https://github.com/ColorlibHQ/AdminLTE/issues/2550 can help you.

[swtw122]

Hey guys, I had the same issue and fixed it with:

in the imports section add… declare var $: any;

in ngOnInit section… $('[data-widget="treeview"]').Treeview('init');

inside the sidebar component