角度 dist 文件 ||我如何在没有服务器的情况下在本地运行它们？答案

【问题标题】：Angular dist files || how can i run them locally without a server?角度 dist 文件 ||我如何在没有服务器的情况下在本地运行它们？
【发布时间】：2017-12-15 12:05:52
【问题描述】：

我正在尝试创建一个桌面应用程序。它使用 Angular 作为前端，使用 c# 作为后端。我使用的框架是 CefSharp。我尝试通过打开index.html 在本地运行它们，但事实证明我们需要一台服务器来运行这些文件。

有什么解决办法吗？

请帮忙！

【问题讨论】：

您可以使用本地 IIS。您可以在 IIS 上托管应用程序。
谢谢。我可以试试。
如果您想使用 Angular 而不是 wpf 制作桌面应用程序，您可以使用电子 (codeburst.io/…)。或者你可以选择离子。

标签： javascript c# html css angular

【解决方案1】：

很简单，通过运行以下命令全局安装 NPM 的 http-server 模块：

sudo npm install -g http-server

然后，您可以在 dist 文件夹中运行 http-server 命令，它应该可以工作。

【讨论】：

谢谢，这可以在安装了节点的电脑上运行。不能在没有节点的电脑上工作。

【解决方案2】：

我找到了解决问题的方法，而且非常简单，我必须下载一个节点模块 angular-http-server

npm install -g angular-http-server

安装后。我必须将其转换为可执行文件，以便能够从我的 c# 项目中启动它。

为了将此模块转换为可执行文件，我必须下载 pkg 模块。

npm install -g pkg

并使用它我能够将该服务器转换为可执行文件。所以现在它甚至可以在没有安装节点的电脑上运行。

【讨论】：

文件转换为.exe后，您需要将其移动到dist文件夹。然后它就会工作。

【解决方案3】：

一旦构建，您的项目只包含一个 html 文件和 JS 文件。

只需在浏览器中运行index.html，它应该可以工作！

【讨论】：

你在哪里运行它？你是怎么建造的？它会抛出哪个错误？
从 dist 文件夹在 Google chrome 上运行它，使用 ng build --prod 构建，它会引发以下错误 ERROR Error: Uncaught (in promise): SecurityError: Failed to execute 'replaceState' on 'History'...:
奇怪...不管怎样，我只是测试了它，看来你无论如何都做不到。如果你想要一个快速的解决方案，你可以安装 Python 3 并运行 python -m http.server