Shopware Admin无法覆盖登录模块：问题排查求助

问题描述 #

尝试覆盖Shopware后台登录模块，代码如下：

main.js：

import './module/sw-login';
...

module/sw-login/index.js：

import template from './sw-login.html.twig';
const { Component } = Shopware;
Component.override('sw-login', {
    template
})

module/sw-login/sw-login.html.twig：

{% block sw_login %}
   test
{% endblock %}

但上述代码未能实现模板覆盖，问题出在哪里？

问题原因及修复方案 #

• 组件名称错误：Shopware后台登录页的核心组件是sw-login-page，而非你使用的sw-login。需修改override的组件名称：

  Component.override('sw-login-page', {
      template
  })
  

• 模板Block名称不匹配：原登录页模板的根Block是sw_login_page，不是sw_login。修改twig文件：

  {% block sw_login_page %}
     test
  {% endblock %}
  

• 加载顺序验证：确保自定义模块在Shopware核心登录模块之后加载，插件main.js的默认导入顺序通常可满足该要求，无需额外配置。

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