Блог

Главная - Вопросы по программированию - Bootstrap не получает установку через командную строку для проекта angular 6

Bootstrap не получает установку через командную строку для проекта angular 6

#angular6

#angular6

Вопрос:

 npm WARN ajv-keywords@3.4.0 requires a peer of ajv@^6.9.1 but none is installed. You must install peer dependencies yourself.
npm WARN bootstrap@4.3.1 requires a peer of jquery@1.9.1 - 3 but none is installed. You must install peer dependencies yourself.
npm WARN bootstrap@4.3.1 requires a peer of popper.js@^1.14.7 but none is installed. You must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.7 (node_modulesfsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.7: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

  bootstrap@4.3.1
updated 1 package and audited 40445 packages in 18.647s
found 2 low severity vulnerabilities
  run `npm audit fix` to fix them, or `npm audit` for details

После предоставления команды для установки bootstrap я получаю это. И я также проверил папку модулей узла, но она не установлена. Кто-нибудь, пожалуйста, может мне помочь

Комментарии:

1. вы установили зависимости, перечисленные в WARN сообщениях? (Т.Е. jquery, popper и т.д.)

Ответ №1:

вручную вы можете добавить в файл package.json. 

 "dependencies": {

"bootstrap": "^4.3.1",

},

в файле package.json вы можете найти зависимости, а затем добавить это.

Ответ №2:

Чтобы устранить эту проблему, просто установите эти пакеты вручную, используя npm:

 npm install ajv

npm install jquery

npm install popper.js

теперь у вас уже есть все необходимые пакеты.

Чтобы правильно запустить boostrap, выполните также следующие шаги:

  1. Откройте файл angular.json и отредактируйте раздел скрипты, добавив скрипты jquery popper и bootstrap, как показано ниже:

«скрипты»: [ «node_modules/jquery/dist/jquery.min.js «,
«node_modules/popper.js/dist/umd/popper.min.js «,
«node_modules/bootstrap/dist/js/bootstrap.bundle.js » ]

  1. Откройте файл src / styles.css и добавьте импорт boostrap css:

@import ‘~bootstrap/dist/css/bootstrap.min.css’;