javascript - 在使用 angular + .net Core 开发应用程序时，我应该将资源放在哪里

Question

我体验过 Asp.Net Core + Angular，我已经建立了一个元素(通过 dotnet new angular )并开始应用我的管理主题。

目前我把我所有的主题资源直接放在 wwwroot/dist 文件夹中:

我遇到了一个问题:

在我的 app.component.html 中，我使用了其中一种资源(一个 Logo ):

<img src="dist/img/logo.png" alt="J4N Logo" class="brand-icon">

然后我从 Angular 得到一个错误:

An unhandled exception occurred while processing the request. NodeInvocationException: Prerendering failed because of error: Error: Cannot find module "./dist/img/logo.png"

我知道这是因为 Angular 尝试自己加载它并认为这可能是某种 Controller 。问题是，这种 Logo /css/...甚至可以在 Angular 应用程序启动之前使用(例如在加载页面中)，所以我不能将它放在 Angular 应用程序文件夹中。

那么什么是最佳实践，我应该把这种文件放在哪里，我应该如何告诉 Angular 去别处看？+

Answer 1

您应该在 ClientApp 文件夹下创建一个名为“assets”的 Assets 文件夹，并将您的资源放在这里。