Debug Toolbar in Codeigniter 4 not working

Question

I installed Codeigniter 4.0.2 and did following changes:

1- CI_ENVIRONMENT = development in .env file

2- SetEnv CI_ENVIRONMENT development in .htaccess in public folder

3- Added $useKint = true; in main index.php file in public folder

When I open at localhost, welcome page is rendered but no Debug Toolbar is rendered. Am I missing anything?

Yes you might be missing the step to install Kint and its friends... Your installation may not have the vendor folder, so you need to run "composer install". — TimBrownlaw, Apr 11 '20 at 07:06

score 25 · Accepted Answer · edited May 17 '20 at 22:00

25

This fixed it for me:

Rename env file to .env and open it
Uncomment line # CI_ENVIRONMENT = production and change to the value to development
Change the app.baseURL value to your app's base URL (this seems like the step you missed)

edited May 17 '20 at 22:00

β.εηοιτ.βε

33,893
13
69
83

answered May 17 '20 at 21:15

MicroWise

416
3
5

2

This seems to be the one that worked for me. I have set the base URL wrong for some reason – rksh Sep 14 '20 at 17:38
Is there any way i can show debug to only certain role? – Sohan Arafat Oct 16 '21 at 23:53
I modified the app.baseURL on the fly (so had to reset it just at the end to still see the toolbar). Also best to just check the documentation: https://codeigniter.com/user_guide/testing/debugging.html#enabling-the-toolbar – Aldo Jun 14 '23 at 10:29

Thiru A P · Answer 2 · 2020-03-24T15:48:58.323

9

The debug toolbar will be there in bottom right cornor with a codigniter code logo

Click that in order to open the debug bar.

Click the icon you will be able to see debug bar like this.

edited Mar 24 '20 at 15:48

answered Mar 24 '20 at 15:43

Thiru A P

151
1
3

I know it should be there as per documentation, but i dont get any bar or logo :( – MyO Mar 24 '20 at 16:14
1

I had the same extact configuration what posted here. It's working fine. Take look at the writable/debugbar/debugbar_*.json file. Check whether any debug logs are wriiten in it. – Thiru A P Mar 25 '20 at 04:47

score 5 · Answer 3 · answered Oct 02 '20 at 11:40

5

I got this problem too for 3 days. Today I solve this problem by make /writable/debugbar/ to 777 (just for development)

chmod -R 777 [yourappname]/writable/debugbar/

hopefully this gives you and everyone solution

answered Oct 02 '20 at 11:40

Peternak Kode Channel

528
5
18

ViLar · Answer 4 · 2020-03-31T09:57:15.457

Here are some stuffs you can check with a fresh CI4 installation :

Your environment is really on development (you can check it in the footer of your welcome page). If not, be sure to set CI_ENVIRONMENT = development in your .env. Watch out because fresh CI4 doesn't come with a .env file but with a env file. Be sure to rename it.

Make sure you have defined('CI_DEBUG') || define('CI_DEBUG', 1); in your app/Config/Boot/development.php file
Try to launch your app with the command line php spark serve so you can grab some informations about your app accessing the toolbar.

Make sure you have a variable named $globals in app/Config/Filters.php with 'toolbar' as a value of the 'after' key and 'toolbar' being correctly mapped with the toolbar class into $aliases


    public $aliases = [
            'csrf'     => \CodeIgniter\Filters\CSRF::class,
            'toolbar'  => \CodeIgniter\Filters\DebugToolbar::class,
            'honeypot' => \CodeIgniter\Filters\Honeypot::class
        ];


    public $globals = [
            'before' => [
                //'honeypot'
                // 'csrf',
            ],
            'after'  => [
                'toolbar',
                //'honeypot'
            ],
        ];

It can be some starting points, hope this helps.

score 3 · Answer 5 · answered Jun 10 '20 at 18:39

3

You need to "php spark serve" as the documentation say, because debugbar looks for localhost:8080 as in spark set on.

answered Jun 10 '20 at 18:39

Christian Hernandez

31
1

Dum · Answer 6 · 2020-04-27T10:11:04.220

2

Set the base url properly if you are not using PHP's built-in server

app/config/App.php

public $baseURL = 'http://localhost/path_to_CI/public';

edited Apr 27 '20 at 10:11

answered Apr 27 '20 at 10:00

Dum

1,431
2
9
23

score 1 · Answer 7 · answered Apr 10 '20 at 18:12

Today I've faced the same issue in my very first attempt to use CI4 (with XAMPP)... The only one change I've made on the CI4 framework was to rename the env file to .env and then I set CI_ENVIRONMENT = development in .env file

I've found 2 solutions:

Use the "php spark serve" command to start my project instead of XAMPP
Point $baseURL in app\Config\App.php to my project's public folder

Hope this helps! Best regards

score 1 · Answer 8 · answered Mar 09 '21 at 21:46

1

in your env file must modify the baseurl with public folder
app.baseURL = 'http://localhost/your-app/public'

answered Mar 09 '21 at 21:46

Frank Ramos

11
2

Van Hudson Galvoso · Answer 9 · 2020-09-02T22:38:42.383

0

Make sure to use HTTP protocol and not HTTPS.

On .env file check the app.baseURL = 'http://localhost/'
and not app.baseURL = 'https://localhost'.

Then, on the browser access it using http:// and not https://.

edited Sep 02 '20 at 22:38

answered Sep 02 '20 at 13:27

Van Hudson Galvoso

21
3

score 0 · Answer 10 · answered Nov 03 '20 at 15:33

0

In my case, the problem was in app.baseURL I did put where my proyect is compbase

-- app.baseURL = 'http://compbase'

and I changed it to

-- app.baseURL = 'http://compbase.test'

When you are using laragon

answered Nov 03 '20 at 15:33

Juan Gabriel Machuca

1
1

score 0 · Answer 11 · answered Mar 26 '21 at 06:20

Just add following lines to app/config/filters.php and its work like a charm

public $collectors = [
    \CodeIgniter\Debug\Toolbar\Collectors\Timers::class,
    \CodeIgniter\Debug\Toolbar\Collectors\Database::class,
    \CodeIgniter\Debug\Toolbar\Collectors\Logs::class,
    \CodeIgniter\Debug\Toolbar\Collectors\Views::class,
     \CodeIgniter\Debug\Toolbar\Collectors\Cache::class,
    \CodeIgniter\Debug\Toolbar\Collectors\Files::class,
    \CodeIgniter\Debug\Toolbar\Collectors\Routes::class,
    \CodeIgniter\Debug\Toolbar\Collectors\Events::class,
];

No need of do anything else as per Document

score 0 · Answer 12 · edited Nov 15 '21 at 16:09

Check your code at App\Config\Filtes.php.

Use this line of code:

public $aliases = [
        'csrf'     => CSRF::class,
        'toolbar'  => DebugToolbar::class,
        'honeypot' => Honeypot::class,
    ];

Instead of this:

public $aliases = [
      'csrf'     => CodeIgniter\Filters\CSRF::class,
      'toolbar'  => CodeIgniter\Filters\DebugToolbar::class,
      'honeypot' => CodeIgniter\Filters\Honeypot::class,
    ];

score 0 · Answer 13 · answered Nov 21 '21 at 08:42

I was same issue with installing ci 4.1.5 and solved by this way:

make user .env file exist in project root folder.

rename env to .env or create .env in project root folder.

set development environment in .env file

CI_ENVIRONMENT=development

set base url in .env file

app.baseURL = 'http://localhost/project-root/public/'

score 0 · Answer 14 · answered Jul 18 '22 at 14:06

0

I had the same problem It solved when I change directory "writeable/debugbar" to 777 (writeable)

CodeIgniter Debut icon will show at to bottom right if if correct.

answered Jul 18 '22 at 14:06

Jay

41
3

score 0 · Answer 15 · answered Sep 15 '22 at 19:47

It's working fine here in CI 4.2.6 and a heavily modified folder structure, writable folder set as 775, on a public address too (so no need for spark serve). My issue was that $baseURL was pointing to the address with http:// instead of https:// for a typo, so the Chrome inspector helped me out to track it down.

Changing that in App.php, it works like a charm.

Debug Toolbar in Codeigniter 4 not working

15 Answers15

Linked