Angular 5 z Bootstrap 4 nie działa
Stworzyłem nowy projekt Angular 5. Następnie postępowałem zgodnie z podanymi instrukcjami
na stronie Angular CLI
https://github.com/angular/ang ... strap
GitHub, aby używać Bootstrap 4.0.0 z Angular 5.2.2. Używam programu ładującego npm install, aby zainstalować program ładujący. ale ja rozumiem...
Unknown error from PostCSS plugin. Your current PostCSS version is
6.0.15, but autoprefixer uses 5.2.18. Perhaps this is the source of
the error below.......
ERROR in ./node_modules/css-loader?
{"sourceMap":false,"importLoaders":1}!./node_modules/postcss-
loader/lib{"ident":"postcss","sourceMap":false}!./node_modules/bootstrap/
dist/css/bootstrap.min.css
Module build failed: BrowserslistError: Unknown browser major......
webpack: Failed to compile.
Nie znaleziono powiązanych wyników
Zaproszony:
Aby odpowiedzieć na pytania, Zaloguj się lub Zarejestruj się
7 odpowiedzi
Anonimowy użytkownik
Potwierdzenie od:
1. Zamontuj cli kątowe
>
2. Tworzenie projektu Angular za pomocą wiersza poleceń Angular
>
3. Zainstaluj zależności
>
Następnie w nowym projekcie i zainstaluj wymagane zależności:
A co z . Ta biblioteka jest używana przez Bootstrap. Jednak zdecydowanie powinieneś uruchomić , ponieważ to kolejna biblioteka js dystrybuowana przez npm.
Oto moja obecna konfiguracja:
4. Integracja zależności w Twoim projekcie
>
Teraz, gdy masz już wszystkie zależności, będziesz musiał „podłączyć” do swojego projektu.
Otwórz plik i zaktualizuj sekcję w następujący sposób:
Na koniec otwórz i dodaj:
Ostatnia operacja wymagana podczas uruchamiania projektu kątowego w trybie produkcyjnym.
Anonimowy użytkownik
Potwierdzenie od:
Dodaj go również do swojego arkusza stylów:
Jeśli to nie zadziała, otwórz i dodaj:
Anonimowy użytkownik
Potwierdzenie od:
Bootstrap
https://getbootstrap.com/
i jego
pakiet npm
https://www.npmjs.com/package/bootstrap
.
(Pakiet dla Bootstrap 3.3 to https://getbootstrap.com/docs/3.3/getting-started/
)
Anonimowy użytkownik
Potwierdzenie od:
Anonimowy użytkownik
Potwierdzenie od:
downgrade, aby pobrać wersję beta@4.0.2 dostępną na npm
Anonimowy użytkownik
Potwierdzenie od:
użycie --save dodaje te zależności do pliku package.json.
Następnie możesz przejść do angular.json (Angular 6 i cli v6) lub angular-cli.json (Angular 5 lub niższy i cli v1.7) i wstawić bootstrap css do modułów węzłów poniżej tablicy styles. I dodaj pliki jquery, popper i bootstrap.js w sekcji skryptów.
Mam nadzieję że to pomoże!
Anonimowy użytkownik
Potwierdzenie od:
Ng add @ ng-bootstrap/schemics
podczas dodawania schematu doda import, czasami wygodnie jest mieć plik angular.json.