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

Question

我被困在运行示例应用程序。

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

1. 下载sample。
2. 在某些编辑器中打开（VScode）
3. 运行npm-install
4. [参考了一些StackOverflow问题后，我运行了npm install --global @ui5/cli
5. 然后用ui5 serve -o index.html启动服务器

我收到以下错误消息：

[[npm翻译器]未能找到目录“ F：\ sap.m.sample.TableDnD”的package.json。

我发现此示例中没有package.json文件。

我尝试了来自文档的正在运行的示例（工作清单应用）中的示例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"
  }
}

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

未为根项目sap.m.sample.TableDnD定义任何规范版本

任何帮助或指导链接都将有所帮助。寻找一种解决方案，他们可以尝试在链接中运行示例应用程序。

Answer 1

您需要跑步

ui5 init

一次在您的项目目录中。它将创建缺少的ui5.yaml，然后ui5 serve -o index.html应该起作用。

UI5 Tooling中有更深入的解释