Làm cách nào để có thể nhập moment.js bằng typecript?

Question 1

Tôi đang cố gắng học tập chữ. Mặc dù tôi không nghĩ nó có liên quan, nhưng tôi đang sử dụng VSCode cho bản demo này.

Tôi có một package.jsoncái có những phần này trong đó:

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

Sau đó, tôi có một lớp Typecript main.jsnhư thế này:

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

Của tôi gulpfile.jstrông như thế này:

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'));
});

Khi tôi chạy bản dựng gulp, tôi nhận được thông báo: "../main.ts(1,25): Cannot file module 'moment'."

Nếu tôi sử dụng import moment = require('moment');thì jspm sẽ hoạt động và đưa vào mô-đun khi tôi chạy ứng dụng, nhưng tôi vẫn nhận được lỗi xây dựng. Tôi cũng đã thử:

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

Thay vì làm cho vấn đề tốt hơn, nó lại trở nên tồi tệ hơn. Bây giờ tôi gặp lỗi ở trên trên bản dựng cũng như những thứ sau:"../typings/browser/ambient/moment/index.d.ts(9,21): Cannot find namespace 'moment'."

Nếu tôi đi đến tệp được cung cấp bởi cách đánh máy và thêm vào cuối tệp:

declare module "moment" { export = moment; }

Tôi có thể gặp lỗi thứ hai để biến mất, nhưng tôi vẫn cần câu lệnh request để có thời gian hoạt động trong main.tstệp của mình và vẫn gặp lỗi bản dựng đầu tiên.

Tôi có cần tạo .d.tstệp của riêng mình trong giây lát hay chỉ có một số phần thiết lập mà tôi đang thiếu?

Question 2

Cập nhật

Rõ ràng, thời điểm bây giờ cung cấp các định nghĩa kiểu của riêng nó (theo sivabudh ít nhất là từ 2.14.1 trở lên), do đó bạn không cần typingshoặc không cần @types.

import * as moment from 'moment' nên tải các định nghĩa kiểu được cung cấp với gói npm.

Tuy nhiên, điều đó đã nói, như đã nói trong moment / pull / 3319 # releaseecomment-263752265 , nhóm hiện tại dường như có một số vấn đề trong việc duy trì các định nghĩa đó (họ vẫn đang tìm kiếm người duy trì chúng) .

Bạn cần cài đặt các kiểu đánh máy momentkhông có --ambientcờ.

Sau đó, bao gồm nó bằng cách sử dụng import * as moment from 'moment'

Question 3

Bạn cần nhập hàm moment () và lớp Moment riêng biệt trong TS.

Tôi tìm thấy một ghi chú trong tài liệu sắp chữ ở đây .

/ * ~ Lưu ý rằng mô-đun ES6 không thể xuất trực tiếp các hàm có thể gọi
* ~ Tệp này phải được nhập bằng kiểu CommonJS:
* ~ import x = request ('someLibrary');

Vì vậy, mã để nhập thời điểm js vào bản ghi thực sự trông giống như sau:

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

Question 4

Không chắc điều này đã thay đổi khi nào, nhưng với phiên bản mới nhất của sắp chữ, bạn chỉ cần sử dụng import moment from 'moment';và mọi thứ khác sẽ hoạt động bình thường.

CẬP NHẬT:

Có vẻ như thời điểm gần đây đã sửa lỗi nhập của họ. Ít nhất 2.24.0bạn sẽ muốn sử dụngimport * as moment from 'moment';

Question 5

qua cách đánh máy

Moment.js hiện hỗ trợ TypeScript trong v2.14.1.

Xem: https://github.com/moment/moment/pull/3280

Trực tiếp

Có thể không phải là câu trả lời tốt nhất, nhưng đây là cách vũ phu, và nó phù hợp với tôi.

Chỉ cần tải xuống moment.jstệp thực tế và đưa nó vào dự án của bạn.
Ví dụ: dự án của tôi trông như thế này:

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

Và đây là một mã nguồn mẫu:

``

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'));

Chỉ cần sử dụng nodeđể chạy main.js.

Question 6

Tôi chỉ nhận thấy rằng câu trả lời mà tôi đã ủng hộ và nhận xét là không rõ ràng. Vì vậy, sau đây là chính xác những gì đã làm việc cho tôi. Tôi hiện đang ở trên Moment 2.26.0và TS 3.8.3:

Trong mã:

import moment from 'moment';

Trong cấu hình TS:

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

Tôi đang xây dựng cho cả hai CommonJS và EMS nên cấu hình này được nhập vào các tệp cấu hình khác.

Cái nhìn sâu sắc đến từ câu trả lời này liên quan đến việc sử dụng Express. Tuy nhiên, tôi thấy rằng nó đáng được thêm vào đây, để giúp bất kỳ ai tìm kiếm liên quan đến Moment.js, thay vì một cái gì đó chung chung hơn.

Question 7

1. cài đặt thời điểm

npm install moment --save

2. kiểm tra mã này trong tệp bảng chữ của bạn

import moment = require('moment');

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

Question 8

Vẫn bị hỏng? Thử gỡ cài đặt@types/moment .

Vì vậy, tôi đã xóa @types/momentgói khỏi package.jsontệp và nó hoạt động bằng cách sử dụng:

import * as moment from 'moment'

Các phiên bản mới hơn của momentkhông yêu cầu @types/momentgói vì các loại đã được bao gồm.