时间戳

首页 > 解决方案 > 如何使用 Angular 创建 UWP 应用程序

uwp - 如何使用 Angular 创建 UWP 应用程序

问题描述

我尝试了以下步骤，但它不起作用。

  1. 使用 Angular cli 创建示例项目

    • npm install -g @angular/cli
    • ng new my-dream-app

  2. 我使用visualstudio 2017（文件->新建->JavaScript->WindowsUniversal->BlankApp(Universal Windows)->ok）创建了UWP项目，并包含了使用上述步骤创建的示例角度项目。

3) 更改 package.appxmanifest 文件中的起始页位置（应用程序 -> 起始页）src/index.html

4）在Visual Studio中按下按钮运行项目

5）创建应用程序包并将其安装在Windows10兼容的操作系统（项目->商店->创建应用程序包）中也不起作用

谁能解释我做错了什么。

我参考了以下视频链接，但没有明确解释： https ://channel9.msdn.com/Events/JavaScript-Webinar-Series/Building-a-Universal-Windows-Platform-app-using-Angular/Building-a- Universal-Windows-Platform-app-using-Angular

标签： uwp

解决方案

这不是在 UWP 中使用 Angular 的正确方法。

创建 Angular 应用

-> npm install -g @angular/cli
-> ng new my-dream-app

在项目内部导航并创建生产版本

-> cd my-dream-app
-> ng build --prod

在你的 UWP 项目中包含 dist 文件夹（生产版本）中创建的文件，并尝试在它可以工作的 Visual Studio 中运行该应用程序。

推荐阅读