почему мое приложение Angular не распознает стили начальной загрузки? - PullRequest
Новая
       114

почему мое приложение Angular не распознает стили начальной загрузки?

0 голосов
/ 08 июня 2019

Я запустил «ng new» для создания нового приложения и выбрал SCSS в качестве опции стиля. Я загрузил загрузчик, который поставляется только в формате .css (я считаю), и приложение не распознает какой-либо стиль начальной загрузки. Это то, что Angular требует загрузочный файл scss? Как мне это решить?

angular.json: 

"styles": [
          "src/styles.scss",
          "./node_modules/bootstrap/dist/css/bootstrap.min.css",
          "./node_modules/bootstrap/dist/css/bootstrap.css",
          "./node_modules/font-awesome/css/font-awesome.css"
        ],
        "scripts": [
          "./node_modules/jquery/dist/jquery.js",
          "./node_modules/bootstrap/dist/js/bootstrap.js"
        ]

Ответы [ 4 ]

1 голос
/ 08 июня 2019

После добавления файла начальной загрузки в Angular.Json Вам необходимо перезапустить проект. После этого в проекте применяются только изменения. Если это все еще не работает, попробуйте импортировать файлы начальной загрузки css в проекты styles.scss file. 

import 'node_modules/bootstrap/dist/css/bootstrap.min.css'

Это должно работать.Я надеюсь, что этот метод может решить вашу проблему:)

1 голос
/ 08 июня 2019

Я создал новое приложение так же, как вы описали, используя:

  • ng новое имя приложения
  • выбранная маршрутизация
  • выбранный scss

Затем установил загрузчик, используя npm install bootstrap --save и npm install font-awesome --save. После этого я скопировал то, что у вас есть для стиля, который выглядит как 

"styles": [
  "src/styles.scss",
  "./node_modules/bootstrap/dist/css/bootstrap.min.css",
  "./node_modules/bootstrap/dist/css/bootstrap.css",
  "./node_modules/font-awesome/css/font-awesome.css"
]

Вы уверены, что ваша папка node_modules находится в том же каталоге, что и файл angular.json?

0 голосов
/ 08 июня 2019

При использовании начальной загрузки в Angular вы можете использовать библиотеку-оболочку, такую ​​как ngx-bootstrap или ng-bootstrap.

Эти библиотеки-обертки созданы таким образом, что вам не нужно использовать jquery для выполнения определенных действий, таких как открытие модалов, запуск оповещений и т. Д.

Использование jquery не рекомендуется в Angular и может ухудшить производительность, вы можете найти это, если хотите узнать больше.

Инструкции по установке для ngx-bootstrap можно найти по адресу https://valor -software.com / ngx-bootstrap / # / Documentation # Getting-Start и для ng-bootstrap https://ng -bootstrap.github.io/#/getting-started

Чтобы решить, какую из двух библиотек выбрать, кто-то ранее уже писал вопрос о stackoverflow: В чем разница между "ng-bootstrap" и "ngx-bootstrap"?

Надеюсь, это помогло!

0 голосов
/ 08 июня 2019

Удалить ./ и оставить только node_modules/bootstrap/.... и попробуйте

...