运行文档中的 UI5 示例应用程序

Question

我卡在了运行示例应用程序上。

到目前为止我尝试的步骤：

下载 sample.
在某些编辑器中打开 (VScode)
运行 npm-install
在参考了一些 Whosebug 问题后，我运行 npm install --global @ui5/cli
然后用ui5 serve -o index.html

我收到以下错误消息：

[npm translator] Failed to locate package.json for directory "F:\sap.m.sample.TableDnD"

我发现这个样本中没有 package.json 文件。

我尝试了来自文档的运行ning 示例（Worklist 应用程序）中的示例 package.json，并将当前项目的名称更改为：

{
  "name": "sap.m.sample.TableDnD", // It was Worklist in sample
  "version": "1.0.0",
  "author": "SAP SE",
  "description": "UI5 Demo App - sap.m.sample.TableDnD(Standalone)", // It was Worklist in sample
  "private": true,
  "scripts": {
    "start": "ui5 serve",
    "lint": "eslint webapp",
    "build": "rimraf dist && ui5 build --a"
  },
  "dependencies": {
    "@openui5/sap.ui.core": "^1.60",
    "@openui5/sap.ui.layout": "^1.60",
    "@openui5/sap.m": "^1.60",
    "@openui5/sap.f": "^1.60",
    "@openui5/themelib_sap_belize": "^1.60"
  },
  "devDependencies": {
    "@ui5/cli": "^1.0.0",
    "eslint": "^4.19.1",
    "rimraf": "^2.6.2"
  }
}

我再次尝试运行执行所有步骤，然后又收到另一个错误消息：

No specification version defined for root project sap.m.sample.TableDnD

任何帮助或指导 link 都会有所帮助。寻找可以尝试 link 和运行.

示例应用程序的解决方案

Answer 1

你需要运行

ui5 init

在您的项目目录中一次。它将创建丢失的 ui5.yaml 然后 ui5 serve -o index.html 应该工作。

这在 UI5 Tooling

中有更深入的解释

运行文档中的 UI5 示例应用程序

Run a UI5 sample application from the documentation

sapui5

ui5-tooling

运行 文档中的 UI5 示例应用程序

Run a UI5 sample application from the documentation

sapui5

ui5-tooling

运行文档中的 UI5 示例应用程序