如何使用angular创建UWP应用

Question

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

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

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

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

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

Answer 1

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

创建Angular应用

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

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

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

将在UWP项目中的dist文件夹（生产版本）中创建的文件包括在UWP项目中，并尝试在可以正常运行的Visual Studio中运行该应用程序。