Spartacus Storefront 产品明细页面里的 Ad
这个 configurable 产品(搜索 home theater)明细页面里，没有看到 add to wish list 的超链接：
image
有时我们会发现 Add to wish list 按钮为空的情况：
image
选择器 cx-add-to-wishlist 下是空的，没有任何元素，如上图所示。
从 ng-container 里的 ngIf 指令不难发现，add to wish list 的工作前提，是当前产品已经成功被获取，并且用户处于登录状态。
image
在 Component AddToWishListComponent 里打印出当前 product 的详细信息：
image
image
在函数 isUserLoggedIn 里添加 console.log:
image
isUserLoggedIn(): Observable<boolean> {
return this.authStorageService.getToken().pipe(
tap((token) => { console.log('Jerry token: ', token)}),
map((userToken) => Boolean(userToken?.access_token)),
distinctUntilChanged()
);
}
运行时根本没有执行到 console.log 里来：
image
为什么运行时调用的是 asm service：
image
image
从代码层面看，应该注入这个 AuthService 才对：
image
在 ASM auth service 的构造函数里打印 log：
image
加上打印语句：
image
image
在 add to wish list Component 页面添加调试信息：
<div> {{ product$ | async | json }}</div>
image
最后的效果：
image
同理：
image
image
难道是这个 wishlist entries 为空吗？
image
果然：
image
变量 wishListEntries$ 为空，导致 add to wish list 的超链接出不来。
wish list 是通过 cart 来实现的：
image
getWishList(): Observable<Cart> {
return combineLatest([
this.getWishListId(),
this.userService.get(),
this.userIdService.getUserId(),
]).pipe(
distinctUntilChanged(),
tap(([wishListId, user, userId]) => {
if (
!Boolean(wishListId) &&
userId !== OCC_USER_ID_ANONYMOUS &&
Boolean(user) &&
Boolean(user.customerId)
) {
this.loadWishList(userId, user.customerId);
}
}),
filter(([wishListId]) => Boolean(wishListId)),
switchMap(([wishListId]) => this.multiCartService.getCart(wishListId))
);
}
Spartacus 登录后，用户直接回到店面，第一次调用是这样的：
https://localhost:9002/occ/v2/jerry/users/current/carts/0-1bff26781e2c?fields=DEFAULT,potent....
因此，登录后，Spartacus 仍在尝试从 guid 而不是代码加载购物车。
因此，我们会收到 未找到购物车 错误
默认情况下，在 DEMO Spartacus 网站上，登录是直接在同一网站上完成的，
购物车行为是：
- 登录前使用购物车 guid，登录后使用购物车代码。
