在ASP.NET Core2.2应用程序中导入Typescript模块

Question

我试图在ASP.NET Core2.2应用程序（Visual Studio 2019）中执行一个Typescript文件到另一个Typescript文件的简单导入。我没有使用任何其他框架，如Angular。我遇到了无法在运行时为模块文件找到正确路径的问题。

我有两个简单的Typescript文件，我已经放在子文件夹“Typescript”中--它们被命名为“mytsmodule.ts”和“anothertsmodule.ts”（下面是解决方案资源管理器的屏幕截图）。第一Typescript模块包含引用第二Typescript模块中的属性的单个函数。

最后，我希望在HTML脚本标记中的第一个Typescript模块中执行该函数。下面是这些文件的代码，包括'tsconfig.json'。

{
  "compileOnSave": true,
  "compilerOptions": {
    "noImplicitAny": false,
    "noEmitOnError": true,
    "removeComments": false,
    "sourceMap": true,
    "target": "es6",
    "outDir": "wwwroot/js/"
  },
  "exclude": [
    "node_modules",
    "wwwroot"
  ]
}

import { anotherTSMessage } from "../Typescript/AnotherTSModule";

export function SayHelloFromAnotherTSModule() {
    alert(anotherTSMessage);

export const anotherTSMessage = "This message is from a second TS Module";

 <script type="module">

        import { SayHelloFromAnotherTSModule } from './js/MyTSModule.js';

        $(document).ready(function () {

            alert(SayHelloFromAnotherTSModule());

        });

    </script>

解决方案资源管理器的屏幕快照...

Answer 1

我也面临着同样的问题。问题是，您请求http://localhost:51711/typescript/anothertsmodule，而文件http://localhost:51711/typescript/anothertsmodule.js。

有很多方法可以解决它。

您可以尝试让内核服务器服务没有扩展名的文件，就像这里回答的ASP.NET核心-如何服务没有扩展名的静态文件一样，但我没有运气。

import { anotherTSMessage } from "../Typescript/AnotherTSModule.js";