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

Angular 如何在ng build--prod之后运行index.html文件,angular,Angular,我已使用以下命令创建了一个新的angular应用程序: ng new angularapp 之后,我使用这个命令生成了一个dist文件夹 ng build --prod 之后,我尝试在dist文件夹中打开index.html文件,但出现以下错误: 您需要一个正在运行的http服务器,以便在应用程序生成后查看它 如果您不想在本地浏览器中查看应用程序,可以使用VS代码扩展之类的工具运行服务器 您还可以安装并运行本地apache服务器,将文件放在根文件夹中,并使用Wamp、Xamp或Lamp等工具

我已使用以下命令创建了一个新的angular应用程序:

ng new angularapp
之后,我使用这个命令生成了一个dist文件夹

ng build --prod
之后,我尝试在dist文件夹中打开index.html文件,但出现以下错误:


您需要一个正在运行的http服务器,以便在应用程序生成后查看它

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

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

您可以使用
httpserver
npm包来实现这一点

步骤1:首先全局安装软件包

npm安装http服务器-g

步骤2:然后在您的项目目录中(在终端中)运行

如果你使用的是angular 6.x.x,你必须跑步

http-server dist/your-project-name
现在您可以访问查看您的应用程序

请参阅
http-server dist/your-project-name