Почему не могу подключить Bootstrap к Angular5?

Question

[whiteleaf]

Уже долгое время сижу и пробую подключить Bootstrap к Angular5. К Angular2-4 наверное было бы так же)

Я скачал с помощью npm bootstrap4, jquery, popper & awesome fonts.
Далее пробовал подключить их в файле .angular-cli.json следующем образом:

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

и уже перенес все и попробовал так:

"styles": [
        "./scss/bootstrap/scss/bootstrap.scss",
        "./scss/bootstrap/scss/bootstrap-grid.scss",
        "./scss/styles.scss"
      ],
      "scripts": [
        "../node_modules/jquery/dist/jquery.min.js",
        "../node_modules/bootstrap/dist/js/bootstrap.min.js"
      ],

И все время какие-то ошибки.

При создании проекта в Angular указал --style=scss

Ошибка сейчас следующая:

ERROR in ./node_modules/css-loader?{"sourceMap":false,"importLoade
rs":1}!./node_modules/postcss-loader/lib?{"ident":"postcss","sourc
eMap":false}!./node_modules/sass-loader/lib/loader.js?{"sourceMap"
:false,"precision":8,"includePaths":[]}!./src/scss/bootstrap/scss/
bootstrap-grid.scss
Module build failed: BrowserslistError: Unknown browser major
at error (C:\Users\Валерий\WebstormProjects\coffee\node_module
s\browserslist\index.js:37:11)
at Function.browserslist.checkName (C:\Users\Валерий\WebstormP
rojects\coffee\node_modules\browserslist\index.js:320:18)
at Function.select (C:\Users\Валерий\WebstormProjects\coffee\n
ode_modules\browserslist\index.js:438:37)
at C:\Users\Валерий\WebstormProjects\coffee\node_modules\brows
erslist\index.js:207:41
at Array.forEach ()
at browserslist (C:\Users\Валерий\WebstormProjects\coffee\node
_modules\browserslist\index.js:196:13)
at Browsers.parse (C:\Users\Валерий\WebstormProjects\coffee\no
de_modules\autoprefixer\lib\browsers.js:44:14)
at new Browsers (C:\Users\Валерий\WebstormProjects\coffee\node
_modules\autoprefixer\lib\browsers.js:39:28)
at loadPrefixes (C:\Users\Валерий\WebstormProjects\coffee\node
_modules\autoprefixer\lib\autoprefixer.js:56:18)
at plugin (C:\Users\Валерий\WebstormProjects\coffee\node_modul
es\autoprefixer\lib\autoprefixer.js:62:18)
at LazyResult.run (C:\Users\Валерий\WebstormProjects\coffee\no
de_modules\postcss-loader\node_modules\postcss\lib\lazy-result.js:
270:20)
at LazyResult.asyncTick (C:\Users\Валерий\WebstormProjects\cof
fee\node_modules\postcss-loader\node_modules\postcss\lib\lazy-resu
lt.js:185:32)

Comments

[whiteleaf]

Артём Петренков, А вы не подскажите как правильно он обновляется - npm i angular-cli-autoprefixer, или просто - npm update autoprefixer?

[whiteleaf]

Артём Петренков, у меня версия "autoprefixer": "^7.2.3",

Answer 1

[Игорь Павленко]

"scripts": [
        "../node_modules/jquery/dist/jquery.min.js",
        "../node_modules/popper.js/dist/umd/popper.min.js",
        "../node_modules/bootstrap/dist/js/bootstrap.min.js"
      ]

для бутстрапа ошибку не пишет что нужно установить jquery и popper?