Yii2 - 小部件的 css 不起作用答案

【问题标题】：Yii2 - css of widgets are not workingYii2 - 小部件的 css 不起作用
【发布时间】：2017-04-28 05:40:33
【问题描述】：

我正在使用 Yii2 的 https://github.com/2amigos/yii2-file-upload-widget 小部件。我在后端（高级模板）及其工作中使用了这个小部件。它的 js 和 css 会自动添加到 html 中。但是当我在前端使用这个时，只有js被添加到html中，而不是css。奇怪的事情。

use dosamigos\fileupload\FileUploadUI;

<?= FileUploadUI::widget([
    'model' => $mdlproductimage,
    'attribute' => 'image',
    'url' => ['product/image-upload', 'id' => $mdlproductimage->primgid],
    'gallery' => false,
    'fieldOptions' => [
            'accept' => 'image/*'
    ],
    'clientOptions' => [
            'maxFileSize' => 2000000
    ],
    // ...
    'clientEvents' => [
            'fileuploaddone' => 'function(e, data) {
                                    console.log(e);
                                    console.log(data);
                                }',
            'fileuploadfail' => 'function(e, data) {
                                    console.log(e);
                                    console.log(data);
                                }',
    ],
]);
?>

我知道这不是前端/后端的问题。它可能是任何改变的选项，我不知道。

编辑 1：HTML 代码

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Homepage</title>
<meta name="description" content="Homepage">
<script type="text/javascript" src="./js/jquery-1.11.1.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">

<link rel="stylesheet" type="text/css" href="./css/font-awesome.min.css" />
<link rel="stylesheet" type="text/css" href="./css/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="./css/bootstrap.offcanvas.min.css" />
<link rel="stylesheet" type="text/css" href="./css/style.css" />
<link rel="stylesheet" type="text/css" href="./css/normalize.css" />
<link rel="stylesheet" type="text/css" href="./css/off_canvas_nav.css" />
<link rel="stylesheet" type="text/css" href="./css/offCanvas.css" />
<link rel="stylesheet" type="text/css" href="./css/custom.css" />
<!--[if lt IE 9]>
    <script src="./js/html5shiv.js"></script>
    <script src="./js/respond.min.js"></script>
    <![endif]-->
</head>

有人可以帮忙吗？

【问题讨论】：

提供用于在后端和前端视图中添加此小部件的代码。
@Bizley ：我添加了代码。前端和后端相同。
两种情况下的观点是否相同？我的意思是在一种情况下不是标准视图，在第二种情况下是模态视图？还是两者的生成方式相同？
两者都是标准视图。模态不存在。
检查您的服务器日志是否有任何错误。检查资产文件夹权限。刷新缓存。我没有更多的想法......

标签： file-upload yii2 jquery-file-upload yii-extensions

【解决方案1】：

你不见了

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

在布局<head> 部分。注册放置在 HTML 头部的资源无法渲染。

【讨论】：