首页 > 解决方案 > 为什么没有加载引导程序快速安装包

问题描述

我正在构建 ASP.Net Core Web 应用程序

我使用快速安装包安装了引导程序。所以现在我在我的依赖项中有它:

在此处输入图像描述

此外,还有一个带有引导程序的文件夹“node_modules”,那里一切都很好,所有类都在它们应该在的位置:

在此处输入图像描述

然后我创建了一个视图并在 html 中写了以下内容:

<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.css" />

当我将鼠标悬停在 href 上时,我看到一个警告: Path C:\Users\Shep\SportsStore\SportsStore\wwwroot\~node_modules not found 嗯,这是真的,因为没有这样的文件夹,但是如何让它不被发现在 wwwroot 并使用指定的文件夹?我的 wwwroot 是空的,我猜是因为我没有使用 bower 如果我使用完整路径(href="C:/Users/Shep/SportsStore/SportsStore/node_modules/bootstrap/dist/css/bootstrap.css"),看起来是对的,但是我的引导类不可用:

<body>
    <div class="panel-info">
    </div>
</body>

如果我将鼠标悬停在上面,我会看到“Unknown CSS class 'panel-info'”,即使 bootstrap.css 中有这个类

.panel-info {
  border-color: #bce8f1;
}

我没有使用 Angular,也没有创建我自己的任何 js 文件。我看到很多类似的问题,但没有找到合适的解决方案,对不起,如果它是重复的

标签: c#asp.net-corenpmnode-modulesquick-install-package

解决方案


在 ASP.NET Core 中,运行时支持一个名为 StaticFiles 的中间件,它允许从浏览器访问 /wwwroot 文件夹中的任何内容。但由于 node_modules 目录在 /wwwroot 之外,就会出现这个问题。

您可以使用Library Manager/Bundler and Minifier将文件复制到 wwwroot 。您可以从这里找到很多解决方案。


推荐阅读