# 問題描述

我在 SAP Business Application Studio 裡開發了一個 Spring Boot 應用，這個應用提供了一個 OData 服務實現。然後我用 BAS 的 create from template 功能，建立了一個 SAP UI5 應用。

現在我想將這個 SAP UI5 應用部署到 SAP Business Technology Platform 上。

執行命令列

`npm run build:cf`:

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

報錯：

> fiori: not found

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

# 問題分析

我們使用 Chrome 開發者工具開啟 Business Application Studio，發現 terminal 皮膚透過一個 `canvas` 標籤頁實現。
![](https://img-blog.csdnimg.cn/img_convert/bc7882e83dd84301b66968c194b8dadb.png)

在一個能夠正常部署的 SAP UI5 應用的 `node_modules` 資料夾裡，找到 `fiori-tools` 資料夾，發現並沒有 `bin` 資料夾。繼續查詢 `@sap/ux-ui5-tooling`:

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

在 `@sap/ux-ui5-tooling` 的 `bin` 資料夾下找到了 `fiori` 的執行檔案：

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

因此，解決方案就是，在 SAP UI5 專案下的 `package.json` 裡，新增如下依賴即可解決問題：

```json
"ui5": {
    "dependencies": [
      "@sap/ux-ui5-tooling",
      "fiori-tools"
    ]
```

# 總結

什麼是 `@sap/ux-ui5-tooling`？

SAP Fiori Tools - UI5 Tooling 包含一系列可與命令 ui5 serve 一起使用的自定義中介軟體，以及可與命令 ui5 build 一起使用的自定義任務。 此外，該模組公開了 cli fiori 產品，例如 fiori run 命令是 ui5 serve 命令的包裝器，並提供了一些附加引數以及 fiori add deploy-config 和 fiori add flp-config 以擴充套件現有專案。

在本地系統上開發 UI5 專案時，應該使用 UI5 Server (ui5 serve) 而不是 UI5 Builder (ui5 build)。 只有在部署專案時才需要構建專案。

什麼是 `fiori-tools`？

SAP Fiori 工具提供了許多功能來提高使用 SAP Fiori 元素或 SAPUI5 自由式方法開發 SAP Fiori 應用程式的效率。 SAP Fiori 工具與 SAP Fiori 元素一起減少了開發時間、維護成本，並利用了後設資料驅動的 UI 的優勢。

SAP Fiori 工具包括以下擴充套件：

- 初始建立應用程式的嚮導。
- 用於檢視資料模型的服務建模器。
- 用於維護註釋的 XML 和基於表單的編輯器 - 僅限 SAP Fiori Elements。
- 應用程式頁面結構和配置 SAPUI5 靈活性設定的能力 - 僅限 SAP Fiori Elements。
- 用於實施功能的引導式開發 - 僅限 SAP Fiori Elements。

部署 SAP UI5 應用到 SAP BTP 時遇到的 fiori not found 錯誤訊息

相關文章