asp.net-mvc – 如何使用RequiresJs加载typescript模块(asp.net

参见英文答案 > Mismatched anonymous define() module????????????????????????????????????6个
假设我有2个文件：test1.ts和test2.ts.这是test1的内容：

export const x = 1

这是test1的内容：

import { x } from './test2'

alert(x);

当我运行应用程序时,我收到此错误：未捕获的ReferenceError：在test1.js：2中未定义exports.

根据其他帖子,这个错误是由于Web浏览器不支持导出,并且需要(…).要解决这个问题,其中一个解决方案就是使用RequireJs之类的东西.

所以我做了一些阅读. This article对我来说是最容易理解的.

>我在_Layout.cshtml文件中添加了这一行.

< script src =“?/ Scripts / require.js”>< / script>
>创建配置文件.

requirejs.config({
   baseUrl: '/Scripts/js'
});

>我已将test1和test2放在/ Scripts / js文件夹中.
>运行应用程序,但仍然得到相同的错误：未捕获的ReferenceError：在test1.js：2中未定义exports.

如何使用RequireJs修复错误？

谢谢你的帮助.

编辑

解决方案不一定是RequireJs,而是解决问题的任何方法.有很多关于打字稿的精彩教程,但他们都假设人们正在使用node或angularjs.我只需要在我的asp.net mvc应用程序中添加一些打字稿.只要它是一个文件,事情就好了.现在我想重用一些代码,因此我将它们组织在不同的文件中.不幸的是,由于这个错误我无法前进.我已经在那里坐了3天了.

?编辑2

我已经按照@artem的建议添加了commonJs给amd,

{
  "compilerOptions": {
     "module": "amd","noImplicitAny": true,"removeComments": true,"preserveConstEnums": true,"sourceMap": true
 }

}

现在我收到了这个错误.

Uncaught Error: Mismatched anonymous define() 
module: function (require,exports,CommonTypes_1) {
//...

好像this question正在处理同样的问题.我应该将此代码放在新文件中吗？

bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
    "~/Scripts/jquery-{version}.js","~/Scripts/require.js"));

@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/bootstrap")
@RenderSection("scripts",required: false)

@section scripts
{
    <script>
        require(["Scripts/Init"],function (Init) {
                Init.Start();
            }
        );
    </script>
}

import * as DataBind from "./DataBind"

export function Start() {
    DataBind.SetAllDatabinds(null);
}