Twig继承基础模板后编辑页仅渲染HTML无CSS/JS加载异常问题

经核对代码，问题核心是基础模板使用相对路径引用静态资源，结合不同页面的路由层级差异触发加载失效：

• 你在base-back.html.twig中引用CSS、JS时使用了../../dist/css/bootstrap.min.css、dashboard.css这类相对路径，浏览器会基于当前页面的URL地址来解析相对路径的实际地址
• 编辑页的路由层级比其他正常页面多一级（例如正常页面路由为/dossier_emprunteur，编辑页路由为/dossier_emprunteur/{id}/edit），导致相对路径解析后指向了不存在的资源地址，最终CSS、JS全部加载失败，页面仅展示纯HTML内容

1. 优先将所有静态资源引用改为站点根目录绝对路径，示例如下：

<!-- 修改前 -->
<link href="../../dist/css/bootstrap.min.css" rel="stylesheet">
<link href="dashboard.css" rel="stylesheet">
<script src="../../assets/js/vendor/popper.min.js"></script>

<!-- 修改后 -->
<link href="/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="/[替换为dashboard.css实际根路径]/dashboard.css" rel="stylesheet">
<script src="/assets/js/vendor/popper.min.js"></script>

如果你使用的是Symfony框架，直接用Twig内置的asset()函数处理资源路径更稳妥：

<link href="{{ asset('dist/css/bootstrap.min.css') }}" rel="stylesheet">

2. 临时验证可以打开浏览器控制台的「网络」面板，刷新异常页面，可直接看到CSS、JS资源返回404状态，确认路径错误问题。
3. 额外优化：可以在基础模板的title标签位置预留block，让子模板的title覆写生效，修改基础模板的对应代码为：

<title>{% block title %}Dashboard Template for Bootstrap{% endblock %}</title>

内容的提问来源于stack exchange，提问作者mimozgh