# 問題1：如何在 Spartacus 使用 UserAccountFacade 在語言設定更改後重新讀取使用者資料

![](https://img-blog.csdnimg.cn/img_convert/ae90d78d208bc07754fa447499da52b7.png)
![](https://img-blog.csdnimg.cn/img_convert/4c3225f64a92cb7d338f00c361baaa2b.png)
![](https://img-blog.csdnimg.cn/img_convert/e0ea5ebb1861c1c4019c045d5b2e2d38.png)

可以擴充套件上圖這個 Observable.

然後使用 combineLatest 和其他的 Observable 進行組合。

![](https://img-blog.csdnimg.cn/img_convert/a78c43715f647dd0f81136367b09c36c.png)

# 問題2：使用 outlet 時遇到錯誤訊息：Type before is not assignable to type OutletPosition

![](https://img-blog.csdnimg.cn/img_convert/96a4b1cc630a495b91beb1aa5f3d0cb2.png)
![在這裡插入圖片描述](https://img-blog.csdnimg.cn/a0b58b86ffb34b8f87f4d3b50f702546.png)

解決方案：

add `outletPosition = OutletPosition;` to the component,

HTML 裡新增程式碼：

```html
[cxOutletPos]="outletPosition.BEFORE"
```

還需要檢查：

> did you add the outlets to the app component html?

例如新增如下程式碼到 Component HTML：

```html
<outlets></outlets>
```

# 問題2：HTTP 400 和 404

對於 product 明細頁面來說，隨便輸入一個不存在的 url，返回值為 HTTP 400：

`https://cloudapp.azure.com:9002/occ/v2/electronics-spa/cms/pages?pageType=CategoryPage&code=5781122&lang=en&curr=USD`
![](https://img-blog.csdnimg.cn/img_convert/551af1b9c60ea66d88c6c744f5574743.png)

錯誤訊息：

```json
{
   "errors" : [ {
      "message" : "The value provided is not allowed.",
      "reason" : "invalid",
      "subject" : "code",
      "subjectType" : "parameter",
      "type" : "ValidationError"
   } ]
}
```

如果是 content page 請求不存在：

`https://cloudapp.azure.com:9002/occ/v2/electronics-spa/cms/pages?pageType=ContentPage&pageLabelOrId=%2Ftest&lang=en&curr=USD`

返回錯誤訊息：

```json{
   "errors" : [ {
      "message" : "No content page found matching the provided label or id: /test",
      "type" : "CMSItemNotFoundError"
   } ]
}
```
客戶可以使用自定義的 `renderKeyResolver` 來動態決定哪個頁面應該使用哪種渲染策略，SSR 還是 CSR.

如果特定鍵缺少翻譯，則生產模式下的店面會顯示不間斷的空格字元。 為了更容易捕捉丟失的鍵，在開發模式下，Spartacus 會顯示翻譯鍵，前面有塊的名稱和冒號（例如，`[common:form.confirm]`）。

如果缺少翻譯，為了提供更好的使用者體驗，開發人員可以指定備用語言。 設定 fallbackLang 選項可確保對於每個缺失的翻譯，使用來自備用語言的等價物。

以下是使用英語作為備用語言的示例配置：

```typescript
import { translations, translationChunksConfig } from '@spartacus/assets';

// ...

providers: [
  provideConfig({
    i18n: {
      resources: translations,
      chunks: translationChunksConfig,
      fallbackLang: 'en',
    },
  }),
];
```
翻譯由語言和命名塊構成，因此開發人員可以僅為當前語言和當前頁面載入翻譯資源。 以下是翻譯資源的結構示例：

```typescript
interface TranslationResources {
  [lang: string]: {
    [chunkName: string]: {
      [key: string]: any; // value or nested object with keys
    };
  };
}
```
![在這裡插入圖片描述](https://img-blog.csdnimg.cn/1402f5e399bb46c5b6f0c8a63e9d6b28.png)

如何在 Spartacus 使用 UserAccountFacade 在語言設定更改後重新讀取使用者資料

相關文章