0

Visual Studio 2017 の ASP.Net Core プロジェクトでDayPilot スケジューラを試してみて、.d.tsファイルを発見し、これが IntelliSense を取得する方法だと考え、TypeScript を使用してライブラリに対して JavaScript を生成しました。

私は TypeScript の経験がないので、私がやっていることは間違っている可能性があります。これまでのところ、Visual Studio からの提案により、次の.tsようなファイルがあります。

import { DayPilot } from "../wwwroot/lib/daypilot-pro/scripts/daypilot-all.min";
var dp = new DayPilot.Scheduler("dp");
dp.scale = "Day";
dp.timeHeaders = [
    { groupBy: "Month", format: "MMM yy" },
    { groupBy: "Day" }
];

tsconfig.json私のプロジェクトのルートでVisual Studioによって作成されたデフォルト

{
  "compilerOptions": {
    "noImplicitAny": false,
    "noEmitOnError": true,
    "removeComments": false,
    "sourceMap": true,
    "target": "es5"
  },
  "exclude": [
    "node_modules",
    "wwwroot"
  ]
}

これにより、ブラウザーで機能しない以下の JavaScript が生成されます。

Uncaught ReferenceError: exports は dp.js:2 で定義されていません

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var daypilot_all_min_1 = require("../wwwroot/lib/daypilot-pro/scripts/daypilot-all.min");
var dp = new daypilot_all_min_1.DayPilot.Scheduler("dp");
dp.scale = "Day";
dp.timeHeaders = [
    { groupBy: "Month", format: "MMM yy" },
    { groupBy: "Day" }
];
dp.allowMultiMove = true;
//# sourceMappingURL=dp.js.map

.d.ts以下の構文を使用してファイルを参照しようとしましたが、スクリプトCannot find name DayPilotでエラーが発生し、潜在的な修正としてインポートを示唆しています。

///<reference path="../wwwroot/lib/daypilot-pro/scripts/daypilot-all.min.d.ts"/>

私は何を間違っていますか?提供されたをどのように使用すればよい.d.tsですか?

4

1 に答える 1