Issue when using esm import

Describe the bug A clear and concise description of what the bug is. So I have two issue when using “dayjs”: “1.8.14”

The first one if I’m using import like this

import dayjs from "dayjs";
import utc from "dayjs/plugin/utc";
import LocalizedFormat from "dayjs/plugin/localizedFormat";

dayjs.utc(lockedAt).locale(localize) .format("lll");

My code is working perfectly fine but angular Cli will throw error Module “node_modules/dayjs/index” has no default export.

Then I change my code to

import dayjs from "dayjs/esm";
import utc from "dayjs/esm/plugin/utc";
import LocalizedFormat from "dayjs/esm/plugin/localizedFormat";

Then the angular cli not throw any error but the code is not working and I have this error

Cannot read property ‘formats’ of undefined

What have i done wrong.

[ngohungphuc]

Solve by using “dayjs”: “^1.8.16”

Add this in tsconfig.json

"allowSyntheticDefaultImports": true,

And use like this

import dayjs from "dayjs";
import utc from "dayjs/plugin/utc";
import LocalizedFormat from "dayjs/plugin/localizedFormat";

dayjs.extend(LocalizedFormat);
dayjs.extend(utc);

[hitautodestruct]

If anyone is having a similar issue with node I just had to add the extension to the utc import. My project is vanilla js and it kept trying to import the typescript version of the utc plugin.

I’m running nodejs 14.x

TL;DR

import dayjs from "dayjs";
import utc from "dayjs/plugin/utc.js"; // <------ Notice the .js

dayjs.extend(utc)