Jqueryはロードされません

Question

だから、私は取っているこの角2のコースのhtmlファイルを実行しようとしています。アプリの依存関係を作成した後、npmでそれらをダウンロードしました。今、私はアプリを実行しようとすると、私はこのエラーを取得します。..

ファイル：///Users/Rocky/Angular2-course/skeleton/node_modules/jquery/dist/jquery.min.js は、リソースのロードに失敗しました：ネット:: ERR_FILE_NOT_FOUND

これはあなたのファイルは、 "./node_modules/jquery/dist/" であるならば、私は..

<script src="node_modules/jquery/dist/jquery.min.js"></script> 
<script src="node_modules/tether/dist/js/tether.min.js"></script> 
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script> 

Answer 1

jqueryのスクリプトを書いた方法です。次に、あなたのページ内のスクリプトタグは、ちょうど次のようになります。

<script src="/scripts/jquery.min.js"></script> 

あなたはnodejsと急行使用していた場合は、スタティックルートは、このような単純な次のとおりです。次に

app.use('/scripts', express.static(__dirname + '/node_modules/jquery/dist/')); 

、から任意のブラウザ要求/scripts/xxx.jsはdistディレクトリから自動的に取得されます。

注：NPMの新しいバージョンでは、ネストされていないので、NPMの新しいバージョンを使用している場合、パス名はOPの質問と現在のものと異なる場合があります回答。しかし、コンセプトはまだ同じです。ファイルが実際にサーバードライブ上のどこにあるかを調べ、express.static（）でapp.use（）を実行して、ファイルへの擬似パスを作成し、実際のサーバーファイルシステムの組織を公開しないようにします。クライアント。

Answer 2

Angularを使用している場合、AngularにはjqLit​​eが付属しているので、jQueryを使用しないでください。 角2のために作られたブートストラップのバージョンを試してください。 チェックアウトhttps://ng-bootstrap.github.io/#/getting-started

また、それらをリンクすることはできますか？

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.5/css/bootstrap.min.css"> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.5/js/bootstrap.min.js"></script> 

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>