Bowerを使用してJqueryとUnderscoreをインストールしようとしています

Question

現在、Pluralsiteに関するWebアプリケーションの構築方法に関するチュートリアルを行っています。インストラクターは「Bower」を使って「アンダースコア」と「jquery」をインストールしたいと思っています。 bowerを追加し、bower.jsonファイルを編集してアンダースコアとjqueryを追加しましたが、どちらもインストールに失敗してしまいました。理由はわかりません。

また、それらをnuget経由で追加しましたが、私のindex.htmlファイルでどのようにnugetパッケージを参照するかわかりません。私が読んだことのすべては、バワーがより良い選択肢であることを示しているようですが、この時点でいずれかの方法で働かせてくれれば、私を幸せにするでしょう。

Answer 1

あなたの投稿に実際の詳細がない場合は、以下を確認できますが、これは少し異なる場合があります。しかし、実際にエラーが表示されるかどうか、またはファイルを見ることができないのかどうかは不明です。

<ItemGroup> 
    <DnxInvisibleContent Include="bower.json" /> 
    <DnxInvisibleContent Include=".bowerrc" /> 
</ItemGroup> 

あなたが右あなたのプロジェクトをクリックし、クリックVS 2017を使用している場合は、「編集：Visual Studioの2015年に

は、あなたが次のエントリが表示されるはずのテキストエディタを使用して.xprojファイルを開いた場合。あなたの亭ファイルの下に似た何かを見ればcsproj」と、デフォルトの設定のために間違った場所にあります。

<ItemGroup> 
    <Content Include="wwwroot\.bowerrc" /> 
    <Content Include="wwwroot\bower.json" /> 
</ItemGroup> 

あなたbower.jsonは次のようになります。

{ 
    "name": "asp.net", 
    "private": true, 
    "dependencies": { 
    "underscore": "~1.8.3" 
     ,"jQuery": "~3.2.1" 
    } 
} 

bower.jsonファイルを保存すると、自動的にパッケージが取得されます。

あなたはすでにこれを知っているように私に聞こえますが、パッケージの実際の入手は失敗しています。エラーメッセージがあるか、ファイルを見ることができないため、これを知っていますか？ファイルが見えない場合は、wwwrootフォルダにlibフォルダか別のwwwrootフォルダとその中のlibフォルダを確認してください。

プロジェクトのベースとは別の場所にbower設定ファイルを追加した場合、wwwrootフォルダ内のファイルと、設定ファイルが存在するlibフォルダ内のlibフォルダに終わることがあります。

このファイルをHTMLで使用するには、スクリプトタグを追加するか、ソリューションエクスプローラウィンドウでファイルを見つけてHTMLファイルにドラッグし、Visual Studioが自動的に正しいスクリプトタグと場所を作成しますファイル：

<script type="text/javascript" src="lib/jquery/dist/jquery.min.js></script> 

あなたは「NuGetパッケージの管理」でjQueryのを見れば、あなたはそれを「互換性：使用バウアー代わりに」と言うはずです。しかし、それはあなたがNuGetを使用して取得するのを止めるわけではなく、 "C：\ Users \ .nuget \ packages \ jquery \ 3.1.1 \ n"を意味する "$（UserProfile）.nuget \ Content \ Scripts \ jquery-3.1.1.min.js "はHTMLページに含める必要がありますが、ブラウザはファイルシステムへのリンクをブロックする傾向がありますので、次のコードを使用するほうが良いでしょう：

<script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>  

それはあなたの問題を解決しません。そのファイルがホストから削除され、リンクが失敗する可能性があります。したがって、問題の根本を修正するのが最善ですが、投稿に少し詳細を追加する必要があります私が思うはっきりした答えですが、上記は少し助けになるかもしれません。

Answer 2

Windows用にGitをインストールしていますか？ installing Gitを試してから、Visual Studioを再起動してください。

VS2015からVS2017へのアップデート時にこの問題が発生しました。 underscore.jsをインストールした後に、 'lib'という名前のフォルダが表示されます。

希望すると便利です。

Answer 3

この問題はまだ解決していませんが、これはVisual Studio 2017のバグのようです。同じチュートリアルで同じ問題が発生していました。

マイクロソフトでは、Visual Studio 2017（15.3）の最新リリースで修正しています。

現在のバージョンに更新し、bowerを使用してパッケージを再追加すると、正しく動作するはずです。