SAP Spartacus 如何重定义登录 Login Component

简介: SAP Spartacus 如何重定义登录 Login Component

首先在一个标准的 Storefront 上,找到该 Component 的 selector 找到其 Component 名称:LoginComponent

image.png然后找到该 Component 的路径,位于 feature-libs 下面的 user 模块内:


feature-libs\user\account\components\login\login.component.ts


在该模块内,找到了其与 CMS Component LoginComponent 的一一对应关系:image.png在我自己的 Storefront 项目的 package-lock.json 文件里,找到了版本号:3.4.3

image.png新建一个 Component,扩展标准的 LoginComponent:image.png在我的 AppModule 里,将 CMS LoginComponent 映射到我扩展的 ExtLoginComponent 去:image.pngimage.png最后运行时的效果:image.png注意:如果在我的扩展 Component 里,从下列这个路径导入 LoginComponent:


import { LoginComponent } from ‘@spartacus/user/account/components/login/login.component’;


则报错:image.pngERROR in ./src/app/loginExtension/extLogin.component.ts

Module not found: Error: Can’t resolve ‘@spartacus/user/account/components/login/login.component’ in ‘c:\Code\SPA\strange\mystore\src\app\loginExtension’


正确的路径为:


import { LoginComponent } from ‘@spartacus/storefront’;





相关文章
|
11月前
|
缓存
关于 Spartacus ProdutList Component Service model$ 的填充逻辑
关于 Spartacus ProdutList Component Service model$ 的填充逻辑
|
4月前
|
消息中间件 存储 监控
什么是 SAP CRM Middleware Component 里的 PRODUCT_R3_ADAPTER
什么是 SAP CRM Middleware Component 里的 PRODUCT_R3_ADAPTER
|
4月前
|
UED
什么是 SAP Commerce Cloud SmartEdit Product Carousel Component Editor
什么是 SAP Commerce Cloud SmartEdit Product Carousel Component Editor
Spartacus 2211 无法在文件夹下使用 ng g component 创建新的 Component
Spartacus 2211 无法在文件夹下使用 ng g component 创建新的 Component
Spartacus 2211 无法在文件夹下使用 ng g component 创建新的 Component
|
4月前
|
JSON 开发者 数据格式
关于 SAP Spartacus LandingPage2Template 区域的 layout 设计实现
关于 SAP Spartacus LandingPage2Template 区域的 layout 设计实现
|
4月前
|
搜索推荐 开发者 UED
关于 SAP Spartacus 层的 UI 设计
关于 SAP Spartacus 层的 UI 设计
|
4月前
|
开发者 UED
SAP Spartacus BREAKPOINT 枚举类型在 Spartacus layout 实现中的作用
SAP Spartacus BREAKPOINT 枚举类型在 Spartacus layout 实现中的作用
|
11月前
|
JavaScript 容器
关于 SAP Spartacus generic-link component 的模板代码
关于 SAP Spartacus generic-link component 的模板代码
|
11月前
|
前端开发 UED Windows
关于 SAP_UI software component 的概要介绍
关于 SAP_UI software component 的概要介绍
|
11月前
|
前端开发 搜索推荐 JavaScript
什么是 SAP Spartacus 的 CMS Page Connector
什么是 SAP Spartacus 的 CMS Page Connector