typescriptを使用してmoment.jsをインポートするにはどうすればよいですか？

Question 1

私はTypescriptを学ぼうとしています。妥当ではないと思いますが、このデモではVSCodeを使用しています。

私package.jsonはこれらの部分を持っているものを持っています：

{
  "devDependencies": {
    "gulp": "^3.9.1",
    "jspm": "^0.16.33",
    "typescript": "^1.8.10"
  },
  "jspm": {
    "moment": "npm:moment@^2.12.0"
  }
}

次に、次のmain.jsようなTypescriptクラスがあります。

import moment from 'moment';
export class Main {
}

私gulpfile.jsはこのように見えます：

var gulp = require('gulp');
var typescript = require('gulp-tsb');
var compilerOptions = {
                        "rootDir": "src/",
                        "sourceMap": true,
                        "target": "es5",
                        "module": "amd",
                        "declaration": false,
                        "noImplicitAny": false,
                        "noResolve": true,
                        "removeComments": true,
                        "noLib": false,
                        "emitDecoratorMetadata": true,
                        "experimentalDecorators": true
                      };
var typescriptCompiler = typescript.create(compilerOptions);
gulp.task('build', function() {
  return gulp.src('/src')
    .pipe(typescriptCompiler())
    .pipe(gulp.dest('/dest'));
});

gulp buildを実行すると、次のメッセージが表示されます。 "../main.ts(1,25): Cannot file module 'moment'."

私が使用する場合import moment = require('moment');、jspmは動作し、アプリケーションを実行するとモジュールを取り込みますが、それでもビルドエラーが発生します。私も試しました：

npm install typings -g
typings install moment --ambient --save

しかし、問題を改善する代わりに、問題は悪化しました。これで、ビルド時に上記のエラーに加えて、次のエラーが発生します。"../typings/browser/ambient/moment/index.d.ts(9,21): Cannot find namespace 'moment'."

入力によって提供されたファイルに移動し、ファイルの下部に追加する場合：

declare module "moment" { export = moment; }

2番目のエラーを解消することはmain.tsできますが、ファイルで作業する瞬間を得るにはrequireステートメントが必要ですが、最初のビルドエラーが発生します。

.d.tsしばらくの間自分でファイルを作成する必要がありますか、それとも不足しているセットアップピースがありますか？

Question 2

更新

どうやら、momentは独自の型定義を提供するようになりました（少なくとも2.14.1 以降のsivabudhによる）。そのため、必要ないtypingsか@types、まったく必要ありません。

import * as moment from 'moment' npmパッケージで提供されるタイプ定義をロードする必要があります。

ただし、moment / pull / 3319＃issuecomment-263752265で述べたように、瞬間チームはそれらの定義の維持にいくつかの問題を抱えているようです（彼らはまだそれらを維持している人を探しています）。

フラグmomentなしでタイピングをインストールする必要があり--ambientます。

次に、それを使用してそれを含めます import * as moment from 'moment'

Question 3

あなたは輸入に必要な瞬間（）関数とモーメント TSでクラス分けて。

私はここのtypescriptドキュメントにメモを見つけました。

/ *〜ES6モジュールは呼び出し可能な関数を直接エクスポートできないことに注意してください
*〜このファイルはCommonJSスタイルを使用してインポートする必要があります：
*〜import x = require（ 'someLibrary'）;

したがって、モーメントjsをtypescriptにインポートするコードは、実際には次のようになります。

import { Moment } from 'moment'
....
let moment = require('moment');
...
interface SomeTime {
  aMoment: Moment,
}
...
fn() {
  ...
  someTime.aMoment = moment(...);
  ...
}

Question 4

これがいつ変更されたかはわかりませんが、typescriptの最新バージョンでは、使用するだけでimport moment from 'moment';他はすべて正常に機能します。

更新：

最近インポートを修正した瞬間のようです。少なくとも2.24.0あなたは使いたいでしょうimport * as moment from 'moment';

Question 5

タイピングを介して

Moment.jsは、v2.14.1でTypeScriptをサポートするようになりました。

参照：https : //github.com/moment/moment/pull/3280

直接

最善の答えではないかもしれませんが、これは力ずくの方法であり、私にとってはうまくいきます。

実際のmoment.jsファイルをダウンロードして、プロジェクトに含めてください。
たとえば、私のプロジェクトは次のようになります。

$ tree . ├── main.js ├── main.js.map ├── main.ts └── moment.js

そして、ここにサンプルのソースコードがあります：

「」

import * as moment from 'moment';

class HelloWorld {
    public hello(input:string):string {
        if (input === '') {
            return "Hello, World!";
        }
        else {
            return "Hello, " + input + "!";
        }
    }
}

let h = new HelloWorld();
console.log(moment().format('YYYY-MM-DD HH:mm:ss'));

を使用nodeして実行しますmain.js。

Question 6

私が賛成してコメントした答えがあいまいなことに気づきました。だから、以下はまさに私のために働いたものです。私は現在モーメント2.26.0とTSにい3.8.3ます：

コードで：

import moment from 'moment';

TS構成：

{
  "compilerOptions": {
    "esModuleInterop": true,
    ...
  }
}

CommonJSとEMSの両方を構築しているので、この構成は他の構成ファイルにインポートされます。

洞察は、Expressの使用に関連するこの回答から得られます。ただし、より一般的なものではなく、Moment.jsに関連して検索する人を助けるために、ここに追加する価値があると考えました。

Question 7

1.インストールの瞬間

npm install moment --save

2. typescriptファイルでこのコードをテストします

import moment = require('moment');

console.log(moment().format('LLLL'));

Question 8

まだ壊れてる？をアンインストールしてみてください@types/moment。

だから、私@types/momentはpackage.jsonファイルからパッケージを削除し、それを使って動作しました：

import * as moment from 'moment'

タイプはすでに含まれているmomentため、の新しいバージョンでは@types/momentパッケージは必要ありません。