Property 'fromNow' does not exist on type 'Dayjs'

[yashwp]

I'm using the relativeTime plugin in my .ts file

Importing is done in below manner : -
import * as dayjs from 'dayjs';
import relativeTime from 'dayjs/plugin/relativeTime';
dayjs.extend(relativeTime);

I've also tried to change the import statement as:
import dayjs from 'dayjs'; But started throwing new error as no exported member

Now when I'm using in the fromNow function as: -
dayjs(this.created_at).fromNow(); the compiler is throwing an error

Property 'fromNow' does not exist on type 'Dayjs'
I'm using "dayjs": "^1.7.4", version

What's the with usage? How can I fix this?

@iamkun Please address this issue

[dmk1111]

method fromNow is not present in d.ts file, that's why TS throws error.
You could add type any to dayjs or relativeTime and check if it works after that or you could create realativeTime.d.ts file for that plugin and make PR

[iamkun]

@dmk1111 thanks for the reply.

Just wondering if we should add plugin methods like fromNow into our main d.ts file, or separated definition file.

[dmk1111]

@iamkun I suppose it better to keep them separate and than just import all of them to main file

[yashwp]

@iamkun Can you tell me, when you are gonna release the new patch version with this issue fix?

[yashwp]

@iamkun when can u fix this problem? Its almost a month now since I've created the issue?

[dmk1111]

@yashwp you could introduce PR with desired fixes, in case you want those changes to appear faster

[yashwp]

@dmk1111 Bro I don't know how to work with....d.ts file. Otherwise, I would have done that...on the 2nd day itself... If you know can you help me with that?

[dmk1111]

@yashwp in case you want to know how to create *.d.ts files, you could refer to this SO thread:
https://stackoverflow.com/questions/18301898/generating-typescript-declaration-files-from-javascript

If you didn't manage to create it by yourself, I'll try to do this later, maybe in a week or so.

[iamkun]

This might help

declare module 'dayjs' {
    interface Dayjs {
        fromNow();
    }
}

[yashwp]

@dmk1111 I tried to create .d.ts file but didn't get it. So can make it for me, that would be great help.

Thank u :)

[yashwp]

@dmk1111 @iamkun Can u fix this thing anytime soon? It's been 2 months....

[ypresto]

You need at least one import statement to use Module Augmentation.

import 'dayjs'
declare module 'dayjs' {
    interface Dayjs {
      ...

Also it seems you can nest module augmentation in declare module.

declare module 'dayjs/plugin/relativeTime' {
  module 'dayjs' {
    ...

[rdehuyss]

Also having issues with this... default installation of plugins does not work as described.

[timohofmeijer]

So a temporary fix, until plugin typings are merged, is adding the following to your typings:
(took me some fiddling, so perhaps it can save someone else the trouble)

// From: https://github.com/iamkun/dayjs/pull/418/files#diff-e5e546dd2eb0351f813d63d1b39dbc48

import { Dayjs, PluginFunc } from 'dayjs'
type DateType = string | number | Date | Dayjs

declare module 'dayjs' {
  interface Dayjs {
    fromNow(withoutSuffix?: boolean): string
    from(compared: DateType, withoutSuffix?: boolean): string
    toNow(withoutSuffix?: boolean): string
    to(compared: DateType, withoutSuffix?: boolean): string
  }
}

[iamkun]

🎉 This issue has been resolved in version 1.8.8 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[wottpal]

Hey @iamkun and @ypresto, thanks for your work!

On 1.8.7 I'm getting the following error (ERROR in node_modules/dayjs/plugin/relativeTime.d.ts(1,22): error TS2305: Module '.../node_modules/dayjs/index"' has no exported member 'DateType'.) when doing the following imports:

import * as dayjs from 'dayjs'
import * as relativeTime from 'dayjs/plugin/relativeTime'
import 'dayjs/locale/de'

I guess this could be related to this issue, right?

[iamkun]

@wottpal Thanks for the feedback, that's my mistake.

Fixed in v1.8.8. 😬

[stunaz]

fixed, merged, released... 💯 How to use it now? 🔢 I am trying this :

import dayjs from 'dayjs';
import relativeTime from 'dayjs/plugin/relativeTime';

 dayjs.extend(relativeTime);
 console.log(dayjs.from(dayjs('1990')));

error :
Property 'from' does not exist on type ....

[iamkun]

@stunaz dayjs version, please? And if in a TypeScript project, you could try import * as dayjs from 'dayjs'

[stunaz]

v 1.8.9 see for yourself

[iamkun]

@stunaz I see. You should use dayjs().from rather than dayjs.from according to our document.

[stunaz]

indeed @iamkun ... thanks!

[break7533]

import * as dayjs from 'dayjs';
import * as relativeTime from 'dayjs/plugin/relativeTime';
dayjs.extend(relativeTime);

This worked fine for me, in case anyone still needs it

[ko-devHong]

import * as dayjs from 'dayjs';
import * as relativeTime from 'dayjs/plugin/relativeTime';
dayjs.extend(relativeTime);

This worked fine for me, in case anyone still needs it

The problem was solved using the above answer, but the type error still occurs, so the type was declared to eliminate it.

/@types/dayjs/index.d.ts

import { Dayjs, PluginFunc } from "dayjs";

declare module "dayjs" {
    interface Dayjs {
        fromNow(withoutSuffix?: boolean): string;
    }
}

[designbyadrian]

Still having this issue with version 1.11.0. This old post from 2019 solved it.

So a temporary fix, until plugin typings are merged, is adding the following to your typings: (took me some fiddling, so perhaps it can save someone else the trouble)

// From: https://github.com/iamkun/dayjs/pull/418/files#diff-e5e546dd2eb0351f813d63d1b39dbc48

import { Dayjs, PluginFunc } from 'dayjs'
type DateType = string | number | Date | Dayjs

declare module 'dayjs' {
  interface Dayjs {
    fromNow(withoutSuffix?: boolean): string
    from(compared: DateType, withoutSuffix?: boolean): string
    toNow(withoutSuffix?: boolean): string
    to(compared: DateType, withoutSuffix?: boolean): string
  }
}

[iamkun]

@designbyadrian there should be a type file shipped with 1.11.0

[Kavignon]

What does that mean? I'm having a similar issue with this. I don't have much experience with frontend and simply explaining what I need to do would be great. I'm currently using the temporary fix and sitting on version 1.11.0

[huy-lv]

try this:

import dayjs from 'dayjs';
const relativeTime = require('dayjs/plugin/relativeTime');
dayjs.extend(relativeTime);

[omerg]

Changing the way relativeTime is imported should allow getting access to corresponding type definitions:

import dayjs from 'dayjs'
import relativeTime from 'dayjs/plugin/relativeTime'
dayjs.extend(relativeTime)

[nima]

Similarly, if not in a module (from @omerg's post), this worked for me:

const dayjs = require('dayjs');
const relativeTime = require('dayjs/plugin/relativeTime');
dayjs.extend(relativeTime);

[gajus]

We had a weird issue where the function was not available depending on how it was re-exported. This appears to be minification/tree-shaking related. We are using Rollup. This fixed it.

import originalDayjs from 'dayjs';
import advancedFormat from 'dayjs/plugin/advancedFormat.js';
import calendar from 'dayjs/plugin/calendar.js';
import duration from 'dayjs/plugin/duration.js';
import isBetween from 'dayjs/plugin/isBetween.js';
import isToday from 'dayjs/plugin/isToday.js';
import isYesterday from 'dayjs/plugin/isYesterday.js';
import relativeTime from 'dayjs/plugin/relativeTime.js';

originalDayjs.extend(advancedFormat);
originalDayjs.extend(relativeTime);
originalDayjs.extend(duration);
originalDayjs.extend(calendar);
originalDayjs.extend(isYesterday);
originalDayjs.extend(isToday);
originalDayjs.extend(isBetween);

- export { default as dayjs } from 'dayjs';
+ export { originalDayjs as dayjs };

This only started happening after switching form commonjs to esm.

[alexey-sh]

dayjs version = 1.11.7
node version = v20.9.0
typescript = 4.9.5

import dayjs from 'dayjs';
import relativeTime from 'dayjs/plugin/relativeTime';

dayjs.extend(relativeTime);

dayjs(date).locale(locale).fromNow(); // throws

throws TypeError: (0 , dayjs_1.default)(...).locale(...).fromNow is not a function error

in js:

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });

const dayjs_1 = __importDefault(require("dayjs"));
const relativeTime_1 = __importDefault(require("dayjs/plugin/relativeTime"));
dayjs_1.default.extend(relativeTime_1.default);

(0, dayjs_1.default)(date).locale(locale).fromNow();

---

Two days later...

dayjs(date).locale(null).fromNow(); // throws
dayjs(date).locale('').fromNow(); // also throws

So I just changed

ago(date: Date, locale = 'en') {
  return dayjs(date).locale(locale).fromNow(); // throws
}
// to this
ago(date: Date, locale: string) {
  return dayjs(date).locale(locale || 'en').fromNow(); // throws
}