2017-08-14 110 views
13

我無法安裝引導程序4(測試版)到我的MVC項目。準確地說,popper.js nuget依賴關係無法安裝。請讓我知道任何可能的方式做到這一點(涼亭安裝仍是一個辦法,但我想用的NuGet去)無法安裝引導程序4(測試版)包到.Net MVC(.Net版本4.6.2)

Could not install package 'popper.js 1.11.0'. You are trying to install this package into a project that targets '.NETFramework,Version=v4.6.2', but the package does not contain any assembly references or content files that are compatible with that framework. For more information, contact the package author

+1

最後問題用popper.js.1.12.1解決了。因此,要解決的步驟是首先從nuget安裝popper.js,然後更新引導 – Debananda

回答

11

我終於能得到引導4測試版的工作通過執行以下操作:

1)安裝popper.js NuGet包V1.12.3

2。)安裝Bootstrap4-βNuGet包

3)更新您的BundleConfig.cs包括以下內容:注意popper.js路徑

bundles.Add(new ScriptBundle("~/Scrpts/Bootstrap").Include(
          /*** Make sure popper.js is pointing to umd ***/ 
          "~/Scripts/umd/popper.js", 
          "~/Scripts/bootstrap.js", 
          )); 

bundles.Add(new StyleBundle("~/CSS/Bootstrap").Include(
          "~/Content/bootstrap.css")); 

出於某種原因,如果您嘗試使用popper.js在在/Scripts/umd似乎工作

SyntaxError: export declarations may only appear at top level of a module 

但版:\Scripts文件夾的根,你將收到錯誤。

+0

感謝/ umd/tip。那樣做了。 –

5

您可以通過手動添加popper.js包你的包配置解決這個問題。

<package id="popper.js" version="1.11.1" targetFramework="net462" /> 

然後你可以進入nuget包管理器並正常安裝。

+0

,但不幸的是,這對我無效。在Update-Package -Reinstall時我得到下面的錯誤更新包:從源'**** \ packages'中檢索'popper.js.1.11.0'的包元數據時發生錯誤。 在線:1 char:1 + Update-Package -Reinstall – Debananda

0

同樣,沒有修復,但類似於@Alex修復。

我使用NuGet單獨安裝它們來解決它,所以首先安裝popperjs(只需在NuGet包管理器中搜索popper),然後安裝Bootstrap 4.當它需要下載它作爲依賴而不是獨立。很奇怪。

+0

發生這種情況是因爲Bootstrap需要提供破壞的NuGet程序包的舊版本的Popper.js。 –

+0

啊,這就解釋了,很高興聽到馬嘴說話。順便說一句,波普爾做得很好,很棒的小圖書館。 –

1

我設法解決了這個問題,在升級到bootstrap 4.0之前,先下載最新的(編寫時爲1.12.3)popper.js nuget包。

然後在bundles.config我加入了波普爾爵士這樣

bundles.Add(new ScriptBundle("~/bundles/popper").Include(
         "~/Scripts/umd/popper.js")); 

的UMD版僅僅是爲我工作的一個別人給的

Unrecognised Token Export

的控制檯錯誤就確保在引導之前包含popper js文件。

@Scripts.Render("~/bundles/popper") 
@Scripts.Render("~/bundles/bootstrap") 

我也注意到,因爲它是基於引導的早期版本,這則打破了大多數汽車生產模板。導航欄幾乎完全消失。我設法通過將其替換爲以下內容來修復我的問題,但這不包括移動菜單中的任何項目。

<div class="navbar navbar-expand-lg navbar-dark bg-dark"> 
     <a class="navbar-brand" href="#">My Blog</a> 
     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> 
      <span class="navbar-toggler-icon"></span> 
     </button> 
     <div class="collapse navbar-collapse"> 
      <ul class="navbar-nav"> 
       <li class="nav-item">@Html.ActionLink("Home", "Index", "Home", new { @class = "nav-link" })</li> 
       <li class="nav-item">@Html.ActionLink("About", "About", "Home", new { @class = "nav-link" })</li> 
       <li class="nav-item">@Html.ActionLink("Contact", "Contact", "Home", new { @class = "nav-link" })</li> 
      </ul>     
     </div>   
    </div> 

我知道這個問題有幾個很好的答案,但是這是爲我工作,所以我想我會希望它不遺餘力有人在未來一點時間分享了完整的解決方案。

0

我並不快樂與所有以波普爾附帶的文件和文件夾的打字稿相關的代碼和的NuGet和調試器的消息,所以我使用的CDN,像這樣:

@ Scripts.Render(「〜/捆綁/ jquery「)

<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script> 

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script> 

到目前爲止,它都工作正常。

1

在使用NuGet安裝包之前,展開「選項」並將「依賴行爲」更改爲「最高」。現在,當您安裝該軟件包時,將首先安裝最新的popper.js,並允許安裝引導程序。

這使我無法單獨安裝popper。

相關問題