ASP.NET Core 3.1 Web 项目 - 使用 Typescript 模块和类型

Question

我正在使用带有 MVC、Razor 和 Bootstrap 的 ASP.NET CORE 构建一个网站。我已经开始使用 Typescript 来处理我所有的 JavaScript，但现在我偶然发现了一个我找不到解决方案的问题。我认为我的方法是错误的，所以我想在几个需求中勾勒出我的情况，希望有人能指出我正确的方向：

• 在每个 Razor 视图中，我希望能够使用 Typescript 类作为某种“ViewModel”来处理该特定视图的所有 JS。
• 我希望能够从 TypeScript 中导入自己的类，例如用于处理表单输入和 Ajax 调用的 Form 类，以及用于向用户显示 Modal 的 Modal 类。
• 在我的 Typescript 类中，我希望能够使用来自其他第三方的类，例如 Bootstrap Notify(@types/bootstrap-notify)。

我尝试了将 moduleResolution 设置为“node”的 CommonJS 和 AMD，但这给了我一个问题，即我不断收到“未定义定义”的错误。我已经查过了，这让我研究了 Require.js。对此进行了尝试，但最终给我带来了无法在 Typescript 中进行任何导入的问题。

我看到我的描述可能比较模糊，所以问题都归结为：

TL/DR： 在 Visual Studio 中的带有 Razor 和 Bootstrap 的 ASP.NET Core Web 项目中使用带有导出/导入和第三方类型的 Typescript 的推荐解决方案是什么？

Answer 1

我在 GitHub 上创建了一个存储库来解决这个问题。我已经设法通过使用 Require.js 在 ASP.NET Core 中使用 Razor 实现 ViewModel：https://github.com/timthomassen/asp.net-core-razor-typescript-example