聚合物Web組件不

我創建了一個非常簡單的ASP.NET CORE 2.0項目，並選擇了新的剃刀頁面模板然後我刪除一切從網頁並添加紙 - asp.net 2.0核心剃刀網頁工作爲了使用它下面的按鈕 Web組件是代碼爲我Index.cshtml聚合物Web組件不

page 
@model IndexModel 
@{ 
    ViewData["Title"] = "Home page"; 
} 

<paper-button raised>My Button</paper-button>

然後我在文件中添加import語句此組件Layout.cshtml如下這是怎麼了，他廣告看起來像現在：

<head> 
    <meta charset="utf-8" /> 
    <meta name="viewport" content="width=device-width, minimum-scale=1, 
    initial-scale=1, user-scalable=yes"> 
    <title>@ViewData["Title"] - DineAlong</title> 

    //notice the following script for pollyfills and then the import for paper-button 
    <script src="/bower_components/webcomponentsjs/webcomponents-loader.js"> 
    </script> 
    <link rel="import" href="/bower_components/paper-button/paper-button.html"> 
    <environment include="Development"> 
     <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.css" /> 
     <link rel="stylesheet" href="~/css/site.css" /> 
    </environment> 
    <environment exclude="Development"> 
     <link rel="stylesheet" href="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.7/css/bootstrap.min.css" 
      asp-fallback-href="~/lib/bootstrap/dist/css/bootstrap.min.css" 
      asp-fallback-test-class="sr-only" asp-fallback-test-property="position" asp-fallback-test-value="absolute" /> 
     <link rel="stylesheet" href="~/css/site.min.css" asp-append-version="true" /> 
    </environment> 
</head>

運行HTML頁面之後只顯示文本myButton的和犯規在該地點紙張按鈕。

注：**我有** bower_components文件夾旁邊Layout.cshtml和Index.cshtml，即：在Pages文件夾內，所以在佈局文件中引用進口應該正常工作。

以下是控制檯中的錯誤我可以看到錯誤，但我不知道它爲什麼會發生。

文件夾結構

來源

2017-10-06 touseef

您可以發佈您的文件夾/項目結構？ – Ofisora

@Ofisora請參閱已更新的問題 – touseef

您可以先刪除\ bower_components ...或添加。（點）並再次檢查？ – Ofisora

您需要的目錄移動到wwwroot文件夾（可能lib下）下。 Pages目錄僅由MVC路由引擎引用，而不是Web服務器。

比如我添加字體真棒到我的項目，可以參考它想：

<link rel="stylesheet" href="~/lib/font-awesome/css/font-awesome.css">

來源

2017-10-06 16:17:41

是啊試過，仍然是相同的結果 – touseef

什麼是您的路徑時，在wwwroot下？注意我的路徑是如何相對於根。 –

是的我也使用了和你一樣的路徑，因爲我的位置與你的位置相同我把根目錄下的文件夾放在lib下，我認爲問題是聚合物本身，它只能用於聚合物服務或聚合物構建的聚合物網絡應用。雖然我不確定這一點 – touseef

聚合物Web組件不

回答

相關問題