Angular: динамическая настройка базового href для исправления ошибок SVG, связанных с навигацией маршрутизатора - PullRequest
Новая
       6

Angular: динамическая настройка базового href для исправления ошибок SVG, связанных с навигацией маршрутизатора

0 голосов
/ 02 апреля 2019

Мое приложение Angular 7 работает нормально, если у меня есть <base href="/"> в <head>

Однако, это нарушает все SVG-градиенты в Safari, они отображаются черным цветом.Я нашел много сообщений по этому вопросу в SO и других местах, и «решением» является удаление базового тега.Но затем все мои маршрутизации и корневые относительные srcs-образы ломаются (как и ожидалось).

Так что я посмотрел на Angular docs на APP_BASE_HREF и попробовал предложенный код: 

import {Component, NgModule} from '@angular/core';
import {APP_BASE_HREF} from '@angular/common';

@NgModule({
  providers: [{provide: APP_BASE_HREF, useValue: '/'}]
})
class AppModule {}

Изображения работают, но когда я собираю проект с Angular CLI и загружаю его в AWS, ссылки на маршрутизатор перестают работать после нескольких щелчков (возможно, некоторые пути не работают?).В консоли нет ошибок, просто нет навигации.

Поэтому мне пришлось вернуться к нанесению тега base в голову, но теперь мои градиенты диаграммы D3 в Safari все черные.

...