我创建了一个非常简单的 ASP.NET Core 2.0 项目并选择了新的 Razor Page 模板,然后我从主页中删除了所有内容并添加了 Paper-button Web 组件以便使用它以下是我的代码Index.cshtml
:
page
@model IndexModel
@{
ViewData["Title"] = "Home page";
}
<paper-button raised>My Button</paper-button>
然后我在我的文件中为这个组件添加了导入语句,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
旁边有文件夹,即:在Pages 文件夹中,因此布局文件中的参考导入应该可以正常工作。Layout.cshtml
Index.cshtml
以下是控制台中的错误,我可以看到错误,但我不知道为什么会发生。
文件夹结构: