Yii2 AppAsset not generating css/js links in the layout

Question

Well, I declared all my CSS and JavaScript stuff in AppAsset but I can't make it to display the css and js links in the in the front-end view. Here are my files:

app/assets/AppAsset.php:

<?php

namespace app\assets;

use yii\web\AssetBundle;
class AppAsset extends AssetBundle {
    public $basePath = '@webroot';
    public $baseUrl = '@web';
    public $css = [
        'assets/css/bootstrap.min.css',
        'assets/plugins/weather-icon/css/weather-icons.min.css',
        ...
    ];
    public $js = [
    ];
    public $depends = [
        'yii\web\YiiAsset',
        'yii\bootstrap\BootstrapAsset',
    ];
}

and here is my layout (app/modules/admin/layouts/admin.php):

<?php

use app\assets\AppAsset;

AppAsset::register($this);
?>

<?php $this->beginPage() ?>
<!DOCTYPE html>
<html lang="en">
    <head>
        <?php $this->head() ?>
        <?= $this->render('partials/head') ?>
    </head>
<body class="tooltips">
    <?= $this->render('partials/colour_panel') ?>
        <div class="wrapper">
            <?= $this->render('partials/top_navbar') ?>
            <?= $this->render('partials/left_sidebar') ?>
            <?= $this->render('partials/right_sidebar') ?>
            <div class="page-content">
                <div class="container-fluid">
                    <?= $content ?>
                    <?= $this->render('partials/footer') ?>
                </div>
            </div>
        </div>
        <?= $this->render('partials/scripts') ?>
    </body>
</html>
<?php $this->endPage() ?>

Thanks in advance!

megapixel23 · Accepted Answer · 2015-06-23 09:20:32Z

10

I had same issue. In my case layout has no <?php $this->beginBody() ?> and
<?php $this->endBody() ?> sections inside <body></body> tags.

It should be like this:

<body>
<?php $this->beginBody() ?>
   <!--content-->
<?php $this->endBody() ?>
</body>

Hope it helps somebody

answered Jun 23, 2015 at 9:20

megapixel23

8851 gold badge11 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

gvanto Over a year ago

OK so this worked but why? these statements are not in my 'main' layout (where the JS works) but when I use a 'blank' (custom) layout the JS doesn't load without beginBody() and endBody() statements?

megapixel23 Over a year ago

@gvanto Ussualy JS tags are placed before closing </body> tag (or inside <head></head>). I think $this->endBody() statements tells Yii where the end of the HTML body is. Without it Yii doesn't know where <body> ends and cannot plase <script> tags before it.

user 1007017 Over a year ago

The same behavior arises if <?php $this->endPage() ?> is missing at the end

Mihai P. · Accepted Answer · 2015-01-08 04:54:43Z

7

This part

<?php $this->head() ?>

should copy them in the head automatically. Are you sure the paths that you use are correct?

public $sourcePath = '@vendor';
public $css = [
    'assets/css/bootstrap.min.css',

means that your files are found in the vendor/assets/css/bootstrap.min.css are you sure that is right? as that looks wrong to me.

edited Jan 8, 2015 at 4:54

answered Jan 8, 2015 at 4:44

Mihai P.

9,3673 gold badges40 silver badges50 bronze badges

5 Comments

Георги Банков Over a year ago

Yes, I am pretty sure the path to the files is okay. At present, the directory which consists all my css and js files is vendor/scripts. All the files from vendor are copied in "web/assets/2b2e6bcf" but unfortunately it seems that none of them appears in the head section of the layout. Any ideas?

Mihai P. Over a year ago

Don't be pretty sure, be sure. in your project navigate to the main folder of your application then go to vendor/assets/css/bootstrap.min.css and confirm that there is a file there. No decent yii2 instalation should have anything there.

Георги Банков Over a year ago

I have already checked numerous times. The files were there but were not declared in the head of the html layout. Now I decided to put them in the "web/assets" directory and again it doesn't seem to work. Check the main post.

Mihai P. Over a year ago

try removing all the ->render( and use ->renderPartial( or to make a test just remove every partial views just to make sure everything is ok in the views.

Георги Банков Over a year ago

I removed them all, also tried <?= $this->head() ?> instead of <?php $this->head() ?> but nothing happens.

Mahmut Aydın · Accepted Answer · 2016-10-12 11:26:31Z

0

Probably your asset folder file size bigger than 20MB. I think asset manager not created big folder.

answered Oct 12, 2016 at 11:26

Mahmut Aydın

8691 gold badge13 silver badges21 bronze badges

Comments

rob006 · Accepted Answer · 2019-02-28 20:42:13Z

0

I had the same issue because I mistakenly removed below line from frontend/views/layouts/main.php

<?php $this->head() ?>

CSS starts working when above line added.

edited Feb 28, 2019 at 20:42

rob006

22.3k5 gold badges57 silver badges77 bronze badges

answered Feb 28, 2019 at 20:04

Jawad K.

1151 silver badge10 bronze badges

Collectives™ on Stack Overflow

Yii2 AppAsset not generating css/js links in the layout

4 Answers 4

3 Comments

5 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

5 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related