尝试使用Bower安装Jquery和Underscore

时间:2017-05-04 19:30:16

标签: bower

我目前正在浏览有关如何构建Web应用程序的Pluralsite教程。教练要我使用'Bower'安装'下划线'和'jquery'。我添加了bower并编辑了bower.json文件以添加下划线和jquery但是两者都无法安装,我不确定原因。

我也通过nuget添加了它们,但是我不知道如何在我的index.html文件中引用nuget包。我读过的所有内容似乎都表明凉亭是更好的选择,但在这一点上让它以任何一种方式工作会让我开心。

4 个答案:

答案 0 :(得分:0)

您的帖子中没有任何真实的细节,您可以检查以下内容,但这可能有所不同。但目前尚不清楚你是否真的看到了错误,或者你是否看不到文件?

在Visual Studio 2015中,如果使用文本编辑器打开.xproj文件,则应看到以下条目:

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

如果您正在使用VS 2017,请右键单击您的项目,然后单击“编辑.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文件时,它会自动获取包。

听起来像你已经知道了这一点,但实际获得的包失败了。你知道吗,因为有错误信息或因为你看不到文件?如果您看不到文件,请检查www文件夹中的lib文件夹或其他wwwroot文件夹以及其中的lib文件夹。

如果您已将bower配置文件添加到项目基础的其他位置,则最终可能会找到wwwroot文件夹中的文件以及配置文件所在的lib文件夹。

要在HTML中使用此文件,请在解决方案资源管理器窗口中添加脚本标记或查找该文件,并在打开时将其拖放到HTML文件中,Visual Studio将自动为文件创建正确的脚本标记和位置:

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

如果你看一下“管理NuGet包”中的jQuery,你应该看到它“不兼容:改用Bower”。但这并不能阻止你使用NuGet获取它,你可以在“$(UserProfile).nuget \ packages \”中找到文件,这应该是“C:\ Users \ .nuget \ packages \ jquery \ 3.1.1 \ 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>    

这不能解决您的问题,因为该文件可能会从主机中删除,然后您的链接会失败,因此最好修复问题的根源,但您可能需要在帖子中添加更多详细信息我认为得到一个明确的答案,但上述内容可能会有所帮助。

答案 1 :(得分:0)

你是否为Windows安装了Git? 尝试installing Git,然后重新启动visual studio。

从VS2015更新到VS2017时遇到此问题。 安装underscore.js后,您应该会看到一个名为“lib”的文件夹。

希望这有帮助!

答案 2 :(得分:0)

不确定您是否仍然遇到此问题,但看起来这是Visual Studio 2017中的一个错误。我在同一个教程中遇到了同样的问题。

微软此后用最新版本的Visual Studio 2017(15.3)修复了它。

更新到当前版本,然后使用bower重新添加软件包,它应该可以正常工作。

答案 3 :(得分:0)

该错误已在VS 2019中返回。尝试通过NuGet安装Jquery程序包,但出现不兼容的情况。改为使用Bower。