tinycolor is not a function

[Babyfaceqian]

I just upgraded tinycolor@1.5.0 and code like this:

const tinycolor = require('tinycolor2');
tinycolor(color)

It comes tinycolor is not a function error, plz take a look.

[bgrins]

Oh no, I had tested this in #245 but apparently not well enough. I will roll this back in a 1.5.1 and we can try to debug. Can you share any more details or a STR?

[bgrins]

I'll deploy a new version out of 1.4.2-branch

[bgrins]

@Babyfaceqian I just published 1.5.1 which should match 1.4.2

[bgrins]

Specifically - this code is using 1.5.0: https://github.com/bgrins/test-tinycolor-upgrade/blob/2752fa3812ac0721eaed85b3979d82e082f6a832/cjs/package.json & https://github.com/bgrins/test-tinycolor-upgrade/blob/2752fa3812ac0721eaed85b3979d82e082f6a832/cjs/index.js.

[bgrins]

Can you confirm it's working again?

[bgrins]

Also, which version of node are you using?

[Babyfaceqian]

Also, which version of node are you using?

1.5.1 works.
The node version is v14.20.1.

[bgrins]

@Babyfaceqian I set this test case up on https://runkit.com/embed/kzh7l5l3wocg and it seems to work. Any chance you can send me a test case / repo where this is failing?

[bgrins]

@Babyfaceqian I published a beta version as 1.6.0, can you please check that? https://www.npmjs.com/package/tinycolor2?activeTab=versions. It can be installed with npm install tinycolor2@beta

[bgrins]

Checked on runkit with the beta, going back to Node 4.0: https://runkit.com/embed/fdd1jg4lfegd

var tinycolor2 = require("tinycolor2@1.6.0-beta.2")
console.log(tinycolor2("red").toString());

Returns red as expected

[Babyfaceqian]

@bgrins Sorry for the late response.
I was using tinycolor2 in browser side with commonjs syntax, it works before version 1.5.0. When upgraded to 1.5.0, it works with esmodule syntax, but doesn't work with commonjs syntax, that's why I got "tinycolor is not a function" error.

[bgrins]

Were you loading it with a CDN like https://cdn.jsdelivr.net/npm/tinycolor2/ or https://cdnjs.cloudflare.com/ajax/libs/tinycolor/, or directly from npm? And if from npm can you share what scripts you were using to build for the browser?

It's possible tinycolor2@1.6.0-beta.2 will fix it since I've moved tinycolor.js and dist/tinycolor-min.js into the npm directory.