0

我创建了一个非常简单的 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.cshtmlIndex.cshtml

以下是控制台中的错误,我可以看到错误,但我不知道为什么会发生。

错误控制台

文件夹结构:

在此处输入图像描述

4

1 回答 1

0

您需要将目录移动到 wwwroot 文件夹下(可能在 lib 下)。Pages 目录仅由 MVC 路由引擎而不是 Web 服务器引用。

例如,我在我的项目中添加了 Font Awesome,并且可以像这样引用它:

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

在此处输入图像描述

于 2017-10-06T16:17:41.517 回答