কীভাবে moment.js টাইপ স্ক্রিপ্ট দিয়ে আমদানি করা যায়?

Question 1

আমি টাইপস্ক্রিপ্ট শিখতে চেষ্টা করছি। যদিও আমি এটি প্রাসঙ্গিক বলে মনে করি না, আমি এই ডেমোটির জন্য ভিএসকোড ব্যবহার করছি।

আমার package.jsonকাছে এই টুকরোগুলি রয়েছে:

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

তারপরে আমার কাছে টাইপস্ক্রিপ্ট ক্লাসটি রয়েছে main.js:

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

আমি যখন গল্প বিল্ড চালাই, আমি বার্তাটি পাই: "../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; }

আমি যেতে দ্বিতীয় ত্রুটি পেতে পারি, তবে আমার main.tsফাইলে কাজ করার জন্য মুহূর্ত পেতে আমার এখনও প্রয়োজনীয় বিবৃতি প্রয়োজন এবং এখনও প্রথম বিল্ড ত্রুটিটি পাচ্ছি।

.d.tsমুহুর্তের জন্য আমার নিজের ফাইলটি তৈরি করা দরকার বা আমি অনুপস্থিত কিছু সেটআপ টুকরা রয়েছে?

Question 2

হালনাগাদ

স্পষ্টতই, মুহুর্তটি এখন নিজস্ব ধরণের সংজ্ঞা দেয় ( শিববধ অনুসারে কমপক্ষে ২.১৪.১ থেকে উপরের দিকে), সুতরাং আপনার প্রয়োজন typingsবা মোটেই প্রয়োজন নেই @types।

import * as moment from 'moment' এনপিএম প্যাকেজ সহ প্রদত্ত প্রকার সংজ্ঞাগুলি লোড করা উচিত।

এটি অবশ্য বলা হয়েছে, যেমনটি মুহুর্তে / টানা / 3319 # ইস্যু-কমেন্ট -২3৩75২২6565৫ মুহূর্তে দলে মনে হয় এই সংজ্ঞাগুলি বজায় রাখার ক্ষেত্রে কিছু সমস্যা রয়েছে (তারা এখনও তাদের রক্ষণাবেক্ষণকারীদের অনুসন্ধান করছে) ।

পতাকা momentছাড়াই আপনার টাইপিং ইনস্টল করতে হবে --ambient।

তারপরে এটি ব্যবহার করে অন্তর্ভুক্ত করুন import * as moment from 'moment'

Question 3

আপনার মুহুর্তটি () ফাংশনটি এবং মুহুর্তটি আলাদা আলাদাভাবে টিএসে আমদানি করতে হবে ।

আমি এখানে টাইপস্ক্রিপ্ট ডক্সে একটি নোট পেয়েছি ।

/ * ~ নোট করুন যে ES6 মডিউলগুলি সরাসরি কলযোগ্য ফাংশন রফতানি করতে পারে না
* * এই ফাইলটি কমনজেএস-স্টাইল ব্যবহার করে আমদানি করা উচিত:
* ~ আমদানি x = প্রয়োজন ('কিছু লিবারি');

সুতরাং টাইপ স্ক্রিপ্টে মুহুর্তের জেএস আমদানির কোডটি আসলে এর মতো দেখায়:

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

Question 4

কখন এটি পরিবর্তন হয়েছিল তা নিশ্চিত নয়, তবে টাইপস্ক্রিপ্টের সর্বশেষতম সংস্করণ সহ আপনার কেবল ব্যবহার করা দরকার import moment from 'moment';এবং অন্য সমস্ত কিছুই স্বাভাবিক হিসাবে কাজ করা উচিত।

হালনাগাদ:

দেখে মনে হচ্ছে সাম্প্রতিক মুহূর্তে তাদের আমদানি স্থির হয়েছে। কমপক্ষে 2.24.0আপনি ব্যবহার করতে চাইবেনimport * as moment from 'moment';

Question 5

টাইপিংয়ের মাধ্যমে

মোমেন্ট.জেএস এখন v2.14.1 এ টাইপস্ক্রিপ্ট সমর্থন করে।

দেখুন: 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এবং টিএস এ আছি 3.8.3:

কোডে:

import moment from 'moment';

টিএস কনফিগারেশনে:

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

আমি উভয় কমনজেএস এবং ইএমএসের জন্য বিল্ডিং করছি যাতে এই কনফিগারটি অন্য কনফিগার ফাইলে আমদানি করা হয়।

অন্তর্দৃষ্টি এই উত্তর থেকে আসে যা এক্সপ্রেস ব্যবহারের সাথে সম্পর্কিত। আমি অনুভূত করেছি যে এটি যে মুহুর্তের চেয়ে কিছু বেশি সাধারণ কিছু না করে মোমেন্ট.জেএস-এর সাথে অনুসন্ধান করে এমন কাউকে সহায়তা করার জন্য এটি এখানে যুক্ত হওয়া উপযুক্ত।

Question 7

1. ইনস্টল মুহুর্ত

npm install moment --save

২. আপনার টাইপ স্ক্রিপ্ট ফাইলে এই কোডটি পরীক্ষা করুন

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প্যাকেজটির প্রয়োজন নেই কারণ প্রকারগুলি ইতিমধ্যে অন্তর্ভুক্ত রয়েছে।