首页 > 解决方案 > Symfony 4 AdminLTE 模板无法正常工作

问题描述

我正在尝试在 Symfony 4 中为我的网站的 AdminCP 实现 AdminLTE。我执行了以下步骤:

  1. composer require kevinpapst/adminlte-bundle ^2.0
  2. cp vendor/kevinpapst/adminlte-bundle/config/packages/admin_lte.yaml config/packages/
  3. 添加.addEntry('adminlte', './assets/js/adminlte.js')webpack.config.js
  4. 修改package.json后看起来像:

这个

{
    "devDependencies": {
        "@fortawesome/fontawesome-free": "~5.1.1",
        "@symfony/webpack-encore": "^0.27.0",
        "admin-lte": "~2.4.8",
        "bootstrap-sass": "^3.3.7",
        "bootstrap-select": "^1.13.1",
        "daterangepicker": "^3.0.3",
        "icheck": "^1.0.2",
        "jquery-slimscroll": "^1.3.8",
        "bootstrap": "^4.3.1",
        "core-js": "^3.0.0",
        "jquery": "^3.4.1",
        "node-sass": "^4.12.0",
        "popper.js": "^1.15.0",
        "sass-loader": "^7.0.1",
        "webpack-notifier": "^1.6.0"
    },
    "license": "UNLICENSED",
    "private": true,
    "scripts": {
        "dev-server": "encore dev-server",
        "dev": "encore dev",
        "watch": "encore dev --watch",
        "build": "encore production --progress"
    },
    "dependencies": {
        "startbootstrap-blog-home": "^4.2.1"
    }
}
  1. yarn install

  2. 添加assets/js/adminlte.jsrequire('../../vendor/kevinpapst/adminlte-bundle/Resources/assets/admin-lte');

  3. yarn encore dev

现在的问题是,布局根本无法正确渲染。就像,它具有来自布局的正确文本,但它没有正确显示布局(请参阅附加屏幕)。

在此处查看布局问题

在我的路由控制器函数中呈现的模板仅包含以下内容:

{% extends 'admincp/base.html.twig' %}

包含以下admincp/base.html.twig内容:

{% extends '@AdminLTE/layout/default-layout.html.twig' %}

{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('build/adminlte.css') }}">
{% endblock %}

{% block javascripts %}
    <script src="{{ asset('build/adminlte.js') }}"></script>
{% endblock %}

它不会抛出错误或任何东西,但它也不起作用。它正确地请求并获取 CSS 和 JS。

(如果需要更多信息,请询问,我会提供)。

标签: symfonyadminlte

解决方案


推荐阅读