首页 > 解决方案 > Yii2 视图布局看不到任何带有 AppAsset 包的 js、css 文件

问题描述

Yii2 高级模板,PHP 5.6,Ubuntu 16.04,nginx。

我有以下内容myproject/backend/assets/AppAsset.php

class AppAsset extends AssetBundle {
    public $basePath = '@webroot';

    public $css = [
        '/css/style.css', 
        '/plugins/iCheck/square/blue.css', 
        '/plugins/datatables/dataTables.bootstrap.css', 
        '/css/AdminLTE.min.css'
    ];

    public $js = [
        'admin/js/common.js',
        'plugins/datatables/jquery.dataTables.js',
        'plugins/datatables/dataTables.bootstrap.js',
        'plugins/iCheck/icheck.min.js' 
    ];

    public $depends = [
        'yii\web\YiiAsset',
        'yii\bootstrap\BootstrapAsset'
    ];
}

布局有:

use backend\assets\AppAsset;
AppAsset::register($this);

这是我的布局main.php,当我添加了AppAsset捆绑包时。

<?php
use backend\assets\AppAsset;
use yii\helpers\Html;
use yii\bootstrap\Nav;
use yii\bootstrap\NavBar;
use yii\widgets\Breadcrumbs;

AppAsset::register($this);

/* @var $this \yii\web\View */
/* @var $content string */

?>
<?php //$this->beginPage() ?>
<!DOCTYPE html>
<html lang="<?= Yii::$app->language ?>">
<head>
    <meta charset="<?= Yii::$app->charset ?>">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <?= Html::csrfMetaTags() ?>
    <?php
    //$assets_base = Yii::$app->controller->getAssetsBase();
    ?>

    <title>MyProject</title>
    <?php $this->head() ?>
</head>
<body class="login-page">
<?php $this->beginBody() ?>
<h1>Test!!!</h1>
<?= $content ?>

<?php $this->endBody() ?>
</body>
</html>
<?php

所有 css 和 js 文件都位于公共文件夹web( myproject/backend/web) 中。

当我重新加载页面标签<head>只有:

<meta charset="UTF-8">
    <meta name="viewport" 
  <meta name="csrf-param" 
<meta name="csrf-token"

标签: phpyiiyii2yii2-advanced-app

解决方案


您应该从此行中删除注释:

<?php //$this->beginPage() ?>

$this->beginPage()需要启用输出缓冲,这是在$this->head()调用位置注入资产链接所必需的。

一般来说,您不应该从应用模板的默认布局中删除任何方法调用,除非您真的知道自己在做什么——它们的存在是有原因的。


推荐阅读