http-сервер -p 8080 не обслуживает мое угловое приложение.В то время как нг служить

Question

Это то, что я вижу, когда открываю свой localhost

Я хочу сделать PWA с Angular, поэтому я следовал инструкциям на сайте angular.io до мельчайших деталей, но он не открывает обычную страницу «Добро пожаловать в ваше приложение».В чем может быть проблема?

У меня установлено следующее:

Angle CLI: 6.0.1
Узел: 8.9.4
ОС: linux x64
Angular: 6.0.1

Это то, что отображает консоль, когда я нажимаю на pwaApp, и браузер указывает мне на пустую страницу

В чем проблема?И как я могу это исправить?Заранее спасибо

Answer 1

Я также сталкиваюсь с этой проблемой в Angular6 , но ее можно решить, выполнив шаги

1. Сделайте дистанцию, используя ng build --prod
2. Тогда

cd dist
cd project_name
npx http-server

3. щелкните любой IP-адрес, указанный после запуска сервера, например, 127.0.0.1:8080

Answer 2

Кажется, папка dist пуста. Пожалуйста, дважды проверьте и убедитесь, что ваша сборка успешна. Lite-сервер Это то, что я часто использую для запуска моего углового приложения. Взгляните на эту ссылку https://github.com/angular/angular-cli/wiki/stories-disk-serve. Дело в том, что даже если вы используете http-сервер при перезагрузке страницы, она выдаст ошибку 404. Страница не найдена. Лучшее решение - использовать lite-сервер.

npm i lite-server -g

Затем перейдите в корневой каталог вашего приложения и запустите

lite-server --baseDir="dist"

Ваше приложение будет работать через порт 3000 по умолчанию. Если вы хотите запустить его на другом порту, взгляните на этот ответ https://stackoverflow.com/a/35517817/6261137

Answer 3

Я нашел решение. Мне пришлось встроить приложение, затем CD в dist, а затем CD (снова) во встроенное приложение до http-server -p 8080 . Учебник, которому я следовал, только что упомянул CD в dist и serve, так что он не очень понятен.

Answer 4

похоже, вы запустили свой dev-сервер в родительской папке.

Вы успешно создали свое приложение?