在 Sharepoint 上在线部署 Angular2 项目答案

【问题标题】：Deploying Angular2 project on Sharepoint online在 Sharepoint 上在线部署 Angular2 项目
【发布时间】：2016-08-03 07:29:28
【问题描述】：

我在本地环境中创建了一个示例 Angular2 项目 (rc-4)，它运行良好。

现在我必须将它作为子网站托管在 SharePoint Online 上。不幸的是，我不知道该怎么做以及要搜索什么关键字？

我在 Pages 文件夹中创建了一个索引页面，并将 index.html 作为 Web 部件添加到其中

它给了我错误：系统未定义（因为 node_modules 文件夹不存在）

我尝试在远程位置运行 npm install

（首先必须编辑注册表以允许远程位置上的 cmd）虽然命令给了我很多 untar.error

接下来我尝试从本地环境中复制该文件夹。到从 1 天开始运行但仍未完成的远程位置

我还将站点资产文件夹同步到我的本地系统，将 node_modules 文件夹复制到该位置并让 OneDrive for Business 进行同步，但无济于事。

有什么建议吗？

【问题讨论】：

【解决方案1】：

我知道这篇文章已经过时了，但我想我会帮助其他一些正在尝试做一些自定义页面工作的 SharePoint 新开发人员！

这是我的工作：

run ng build // 为您的 Angular 项目构建发行版
在 SharePoint 上创建一个文档文件夹来托管您的 Angular 文件
使用 css 和 js 文件的正确 URL 编辑发行版 index.html 文件
- https://[your域名通常].sharepoint.com/[站点名称]/[包含发行版文件的文件夹]/
将所有发行版文件上传到 SharePoint
创建一个新的 WEBPART 页面
编辑 WEBPART 页面并添加新的内容编辑器 webpart
编辑新的内容编辑器并在内容链接中输入新 html 文件 (index.html) 的 URL

顺便说一句，这适用于其他框架，例如 jquery 和 bootstrap。

【讨论】：