时间戳

首页 > 解决方案 > 如何在 ng build --prod 之后运行 index.html 文件

angular - 如何在 ng build --prod 之后运行 index.html 文件

问题描述

我使用以下命令创建了一个新的 Angular 应用程序：

ng new angularapp

之后，我使用此命令生成了 dist 文件夹。

ng build --prod

之后，我尝试打开 dist 文件夹中的 index.html 文件，但出现此错误：

在此处输入图像描述

标签： angular

解决方案

构建应用程序后，您需要有一个正在运行的 http 服务器来查看应用程序

如果您不想在本地浏览器中查看应用程序，您可以使用 VS 代码扩展Live Server等工具运行服务器

您还可以安装运行并运行本地 apache 服务器并将文件放在根文件夹中，然后使用 Wamp、Xamp 或 Lamp 等工具访问 localhost。

或者

你可以使用http-servernpm 包来做到这一点。

第一步：首先全局安装包

npm install http-server -g.

第 2 步：然后在您的项目目录中（在终端中）运行

http-server dist/.

如果您使用的是 Angular 6.xx，则必须运行

http-server dist/your-project-name

现在您可以访问http://localhost:8080来查看您的应用程序

推荐阅读