как запустить файл index. html после ng build --prod

Question

Я создал новое приложение angular, используя эту команду:

ng new angularapp

, после этого я использовал эту команду для создания папки dist.

ng build --prod

после этого Я пытался открыть файл index. html в папке dist, но получаю эту ошибку:

введите описание изображения здесь

Answer 1

Вам необходим работающий http-сервер для просмотра приложения после его сборки.

Если вы просто не хотите просматривать приложение в локальном браузере, вы можете запустить сервер с помощью таких инструментов, как расширение кода VS Live Server

Вы также можете установить запустить и запустить локальный apache сервер и поместить файлы в папку root и посетить localhost с помощью таких инструментов, как Wamp, Xamp или Lamp.

ИЛИ

Это можно сделать с помощью пакета http-server npm.

Шаг 1. Сначала установите пакет глобально

npm install http-server -g.

Шаг 2: Затем внутри директории вашего проекта (в терминале) просто запустите

http-server dist/.

И если вы используете angular 6.xx, вы должны запустить

http-server dist/your-project-name

Теперь вы можете посетить http://localhost: 8080 , чтобы просмотреть ваше приложение