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
ですか?