Jak dodać niestandardowe css i js do kątowego 4

W kątowej 2, może po prostu dodać je w index.html tak:Jak dodać niestandardowe css i js do kątowego 4

<link rel="stylesheet" href="css/mycss.css">

Ale w kątowym 4 ma ona zostać dodana do angular-cli.json plik w sekcji stylów i sekcji skryptów.

W mojej sytuacji nie wydają się być załadowane w ogóle. Brak błędu, ale gdy przeglądam aplikację w przeglądarce, wiem, że style nie zostały załadowane. Po dodaniu stylów i js do pliku index.html zbyt go nie wczytuje, dostaję 404 w konsoli.

Jak to naprawić? Poniżej jest moja wersja kątowa CLI: @ kątowej/CLI: 1.0.2 Węzeł: 6.9.2

Źródło

2017-05-29 marvin ralph

Czy uruchomiłeś ponownie serwer po dodaniu plików css do tablicy 'styles'? Spróbuj złamać serwer i ponownie uruchomić 'ng serve' – Dieterg

Co skonfigurowałeś wewnątrz pliku cnc-cli.json? –

nadal możesz umieścić je jako tagi linków. Angular-cli tworzy folder 'assets', wstawia go i odwołuje do pliku index.html (w' src = "assets/yourPath.css" ') – trichetriche

Jeśli używasz kątowych CLI następnie przejdź do .angular-cli.json a następnie można dostać "style": [] oraz "skrypty": [] wewnątrz nich można dodać pliki css i pliki js

"styles": [ 
      yourfirst-css-file , //comma (,)is important 
      your-second-css-file 
      ],

Np: -

"styles": [ 
     "styles.css", 
     "../node_modules/bootstrap/dist/css/bootstrap.min.css" 
     ], 

"scripts": [ 
     "../node_modules/jquery/dist/jquery.js", 
     "../node_modules/tether/dist/js/tether.js", 
     "../node_modules/bootstrap/dist/js/bootstrap.js" 
     ],

i błąd 404 oznaczają, że plik nie został znaleziony. Spróbuj i dołącz pełny folder "url" (src).

Źródło

2017-05-29 13:22:04 Asumoon

Jak dodać niestandardowe css i js do kątowego 4

Odpowiedz

Powiązane problemy