Невозможно развернуть Angular 5 с помощью папки dist на сервере WAMP - PullRequest
Новая
       32

Невозможно развернуть Angular 5 с помощью папки dist на сервере WAMP

0 голосов
/ 01 мая 2018

Я не могу заставить работать мое приложение angular 5 на сервере WAMP. Я прочитал много других сообщений о переполнении стека и попробовал несколько вариантов.

Шаги для создания папки dist:

шаг 1 - сборка ng --prod --base-href "/dist/".

шаг 2. Скопируйте файлы dist / * в DOCUMENT_ROOT.

dist в корневой папке

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

шаг 3 - перезапуск сервера WAMP

Шаг 4 - localhost. папка dist показывает в WAMP

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

шаг 5: localhost / dist и localhost / dist / index.html - ничего не работает

шаг 6: я изменил base href на "/ dist /" и перезапустил WAMP - этот открытый индексный файл Дентинговые работы

шаг 7 - на основе метода развертывания, указанного на угловом участке - https://angular.io/guide/deployment#routed-apps-must-fallback-to-indexhtml

Я создал файл .htaccess, скопировал следующий код и поместил файл в папку dist. введите описание изображения здесь

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

Все еще маршрутизация не работает. Пожалуйста, пожалуйста, помогите. борюсь с этим за последние 3 дня!

1 Ответ

0 голосов
/ 02 мая 2018

Я только что попробовал то же самое на моем конце, и это сработало. Вот что я сделал. Сначала я обновил Angular CLI до последней версии. 

npm uninstall -g @angular/cli
npm cache verify
# if npm version is < 5 then use `npm cache clean`
npm install -g @angular/cli@latest

После этого я смог создать сборку с пользовательским baseHref, и вы также можете указать URL-адрес для развертывания (эта опция будет работать только для файлов, сгенерированных CLI, а не для файлов, которые вы включили в свои ресурсы). Кстати, чтобы избежать каких-либо проблем, когда вы хотите включить статический файл в индексный файл, лучшим вариантом будет этот способ (вы добавляете. / Перед файлом) 

<script src="./assets/bower_components/underscore/underscore-min.js" type="text/javascript"></script>

Наконец, вариант, который я использовал для сборки, таков: 

ng build --prod --base-href /dist --deploy-url ./

Когда я делаю сборку и помещаю ее в мой MAMP / WAMP / XAMP, это работает файл

...