symfony - Symfony 4 AdminLTE 模板无法正常工作
问题描述
我正在尝试在 Symfony 4 中为我的网站的 AdminCP 实现 AdminLTE。我执行了以下步骤:
- 冉
composer require kevinpapst/adminlte-bundle ^2.0
- 冉
cp vendor/kevinpapst/adminlte-bundle/config/packages/admin_lte.yaml config/packages/
- 添加
.addEntry('adminlte', './assets/js/adminlte.js')
到webpack.config.js
- 修改
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"
}
}
冉
yarn install
。添加
assets/js/adminlte.js
了require('../../vendor/kevinpapst/adminlte-bundle/Resources/assets/admin-lte');
冉
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。
(如果需要更多信息,请询问,我会提供)。
解决方案
推荐阅读
- javascript - HighCharts 多轴无法识别
- flutter - Flutter - 如何触发从应用程序到订阅主题的推送通知
- java - 从 Spring 重新加载属性
- python - PyTest 在动态运行时返回不正确的结果
- arrays - 将表示为字符串的字节数组转换为字节数组
- python - 使用烧瓶登录 - 插入后无法使用 SELECT 从 Postgres 获取数据
- c++ - Arudino / ESP32 模块代码的环境变量
- excel - 用于遍历工作表和粘贴值的计算的宏会产生错误的结果
- python - 合并数据框并根据开始/结束日期填写空白值
- android - MaterialTextView 无法转换为 com.google.android.material.textfield.TextInputEditText