javascriptファイルとアングルアプリのhtmlテンプレートをリンクする方法

私はAngularが新しく、BootstrapまたはjQuery JavaScriptを使用する際に問題が発生しています。以下は私のコードのスニペットです。 Chromeデベロッパーツールで教えてくれます：javascriptファイルとアングルアプリのhtmlテンプレートをリンクする方法

Request URL:http://localhost:4200/js/jquery.min.js 
Request Method:GET 
Status Code:404 Not Found 
Remote Address:127.0.0.1:4200 
Referrer Policy:no-referrer-when-downgrade

何か間違っていますか？

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>MyTestApp</title> 
    <base href="/"> 

    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="icon" type="image/x-icon" href="favicon.ico"> 
</head> 
<body> 
    <app-root></app-root> 
    <!--Load JQuery--> 
    <script type="text/javascript" src="js/jquery.min.js"></script> 
    <script type="text/javascript" src="js/bootstrap.min.js"></script> 
    <script type="text/javascript" src="js/plugins/metismenu/jquery.metisMenu.js"></script> 
    <script type="text/javascript" src="js/plugins/blockui-master/jquery-ui.js"></script> 
    <script type="text/javascript" src="js/plugins/blockui-master/jquery.blockUI.js"></script> 
</body> 
</html>

出典

2017-07-20 Ross Simmons

これをチェックしてくださいhttps://www.gurustop.net/blog/2016/11/18/3821/jquery-angular2-angularcli-how-to –

エラーがファイルを見つけることができないと表示されます（ '404 Not Found '）。相対URLがあります。これは、ファイルがサーバー上にあることを意味します。サーバー上のファイルを見つける手助けはできません。 –

ありがとうございます。メインのsrcフォルダにjsフォルダがありましたが、その場所から直接参照することはできませんでした。 –

<base href="/">

あなたは彼らがロードされませんあなたのルートパスでこれらのファイルを持っていない場合は、そのため、ルートパスを指します。アセットフォルダに配置することができます（たとえば）。srcをassets /に変更することができます。
アングルクリティを使用している場合、「適切な」方法では、「アングルクリティ」のapp.scriptで参照します.json

もう一つのオプションは、jqueryライブラリ（npm install --save jquery）をインストールし、jquery変数として "$"を宣言することです。

出典

2017-07-20 15:33:25

ありがとうございました。私は私のメインsrcフォルダから資産フォルダに移動し、それは働いた。 –

javascriptファイルとアングルアプリのhtmlテンプレートをリンクする方法

答えて

関連する問題