Angular 4アプリケーションに.jsファイルをロードできませんでした

Question

私のAngular 4アプリケーション（テンプレート - https://startbootstrap.com/template-overviews/agency/）にあらかじめ設計されたブートストラップテンプレートを使用しようとしています。 CSSスタイルが正常に読み込まれました。しかし、必要な.jsファイルをロードすると、次の警告が表示されます。また、.jsファイルによって提供されるべき効果は機能しません。 これらのスタイルと.jsファイルを正しくロードするにはどうすればよいですか？角度-cli.jsonにおいて

Styles.cssをでは

"scripts": [ 
    "../node_modules/jquery/dist/jquery.min.js", 
    "assets/vendor/bootstrap/js/bootstrap.bundle.min.js", 
    "assets/vendor/jquery-easing/jquery.easing.min.js", 
    "assets/js/jqBootstrapValidation.js", 
    "assets/js/contact_me.js", 
    "assets/js/agency.min.js", 
    "assets/js/agency.js" 
    ], 

@import "~bootstrap/dist/css/bootstrap.min.css"; 
@import "~font-awesome/css/font-awesome.css"; 

のindex.htmlで

<meta name="viewport" content="width=device-width, initial-scale=1"> 
<link rel="icon" type="image/x-icon" href="favicon.ico"> 
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css"> 
<link href='https://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'> 
<link href='https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'> 
<link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700' rel='stylesheet' type='text/css'> 
<!-- Custom Style --> 
<link rel="stylesheet" href="styles.css"> 

bootstrap.bundle.min.jsは、ベンダー/ディレクトリに存在することを確認してください

WARNING in ./~/raw-loader!./~/source-map-loader!./src/assets/vendor/bootstrap/js/bootstrap.bundle.min.js 
Cannot find SourceMap 'bootstrap.bundle.min.js.map': Error: Can't resolve './bootstrap.bundle.min.js.map' in 'E:\MEAN 2\MEGATRON\src\assets\vendor\bootstrap\js' 
@ ./~/script-loader!./src/assets/vendor/bootstrap/js/bootstrap.bundle.min.js 1:77-292 
@ multi script-loader!./~/jquery/dist/jquery.min.js script-loader!./src/assets/vendor/bootstrap/js/bootstrap.bundle.min.js script-loader!./src/assets/vendor/jquery-easing/jquery. 
easing.min.js script-loader!./src/assets/js/jqBootstrapValidation.js script-loader!./src/assets/js/contact_me.js script-loader!./src/assets/js/agency.min.js script-loader!./src/as 
sets/js/agency.js 

Answer 1

を構築ngの実行しているときに私が得る警告。私はnode_modules /ディレクトリからインポートする必要があります。

"scripts": [ 
"../node_modules/jquery/dist/jquery.min.js", 
"../node_modules/bootstrap/js/bootstrap.bundle.min.js", 
"../node_modules/jquery-easing/jquery.easing.min.js", 
... 
]