单页应用程序角度4

Question

我想使用命令行在github上的angular 4中部署单个页面应用程序。

但是，当我打开网站链接时，将显示：

它应该显示如下内容：

Link to my repository

Link to the site hosted on github

有人可以帮助我解决此问题吗？

Answer 1

如果我的假设正确，则您正在尝试将Angular应用程序部署到Github页面。可以按照以下步骤完成：

1。安装angular-cli-ghpages

npm install -g angular-cli-ghpages

2。使用Angular CLI构建项目

ng build --prod --base-href https://<GITHUB_USER_NAME>.github.io/<REPO_NAME>/

3。将您的应用程序发布到Github页面上

angular-cli-ghpages

如果一切顺利，您现在应该可以在https://<GITHUB_USERNAME>.github.io/<REPO_NAME>/上查看Angular应用程序

CLI版本6+的附加说明

  

使用Angular CLI 6，构建工件将放在dist下的子文件夹中。请查看dist文件夹，查看是否存在带有项目名称的子文件夹。如果是，则需要手动指定部署目录，然后在使用此工具时：npx ngh --dir=dist/[PROJECTNAME]在大多数情况下，可以在[PROJECTNAME]的{​​{1}}文件中找到angular.json。

Source

Answer 2

您必须使用

来构建部署角度

1. ng build如果您只想在内部与经理，队友和其他利益相关者分享您的进度和想法，那么代码将保持不变。

2. ng build --prod这将优化和最小化您的代码。

您会在dist/文件夹中看到输出