ブートストラップ4がアンギュラ2アプリで動作しません

Question

VSコードで新しい角度アプリを作成しました。 jQueryとポッパーのラインが他の方向に発見された（私は同じエラーを取得

https://loiane.com/2017/08/how-to-add-bootstrap-to-an-angular-cli-project/

と、これらの行を追加し、「スタイル」と「スクリプト」に変更：私はこれらの指示に従ってブートストラップ4を追加しました）でまたはそれらなし：

"../node_modules/bootstrap/dist/css/bootstrap.css" 

    "../node_modules/jquery/dist/jquery.slim.js", 
    "../node_modules/popper.js/dist/umd/popper.js", 
    "../node_modules/bootstrap/dist/js/bootstrap.js" 

が、私は次のエラーを取得しています：

もちろん、私は義和へと見当もつかない

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.css Module build failed: BrowserslistError: Unknown browser major at error (D:\Users\Andrew\Documents\code\JobSolution\node_modules\browserslist\index.js:37:11) at Function.browserslist.checkName (D:\Users\Andrew\Documents\code\JobSolution\node_modules\browserslist\index.js:320:18) at Function.select (D:\Users\Andrew\Documents\code\JobSolution\node_modules\browserslist\index.js:438:37) at D:\Users\Andrew\Documents\code\JobSolution\node_modules\browserslist\index.js:207:41 at Array.forEach() at browserslist (D:\Users\Andrew\Documents\code\JobSolution\node_modules\browserslist\index.js:196:13) at Browsers.parse (D:\Users\Andrew\Documents\code\JobSolution\node_modules\autoprefixer\lib\browsers.js:44:14) at new Browsers (D:\Users\Andrew\Documents\code\JobSolution\node_modules\autoprefixer\lib\browsers.js:39:28) at loadPrefixes (D:\Users\Andrew\Documents\code\JobSolution\node_modules\autoprefixer\lib\autoprefixer.js:56:18) at plugin (D:\Users\Andrew\Documents\code\JobSolution\node_modules\autoprefixer\lib\autoprefixer.js:62:18) at LazyResult.run (D:\Users\Andrew\Documents\code\JobSolution\node_modules\postcss-loader\node_modules\postcss\lib\lazy-result.js:270:20) at LazyResult.asyncTick (D:\Users\Andrew\Documents\code\JobSolution\node_modules\postcss-loader\node_modules\postcss\lib\lazy-result.js:185:32) at LazyResult.asyncTick (D:\Users\Andrew\Documents\code\JobSolution\node_modules\postcss-loader\node_modules\postcss\lib\lazy-result.js:197:22) at LazyResult.asyncTick (D:\Users\Andrew\Documents\code\JobSolution\node_modules\postcss-loader\node_modules\postcss\lib\lazy-result.js:197:22) at processing.Promise.then._this2.processed (D:\Users\Andrew\Documents\code\JobSolution\node_modules\postcss-loader\node_modules\postcss\lib\lazy-result.js:224:20) at new Promise() @ ./node_modules/bootstrap/dist/css/bootstrap.css 4:14-127 @ multi ./src/styles.css ./node_modules/bootstrap/dist/css/bootstrap.css

webpack: Failed to compile.

それは意味する。何か案は？

Answer 1

これは、あなたが従っていた古いチュートリアルです。ブートストラップ4をインストールするには、このコマンドを使用：アンギュラcli.jsonで

npm install bootstrap@4.0.0-beta.2 popper.js jquery --save 

これらの行を追加します。

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

EDIT：ブートストラップ4の場合

のInternet Explorer：

Internet Explorer 10以降がサポートされています。 IE9とダウンはありません。一部のCSS3のプロパティとHTML5の要素は、IE10では完全にサポートされていないか、完全な機能のためにプレフィックス付きのプロパティが必要であることに注意してください。訪問CSS3とHTML5の機能のブラウザサポートの詳細については、どうすれば使用できますか？

IE8-9のサポートが必要な場合は、ブートストラップ3を使用してください。これはコードの中で最も安定したバージョンであり、クリティカルなバグ修正やドキュメントの変更についてもチームによってサポートされています。ただし、新しい機能は追加されません。

Answer 2

私はこのコマンドを使ってブートストラップバージョンとjqueryをインストールしてくれました。それがあなたのためにもうまくいくことを願っています。

私は[NG-ブートストラップ]を見てみ（https://ng-bootstrap.github.io示唆

"NPMインストールbootstrap@4.0.0-beta.2 popper.js jqueryの--save"