SyntaxError: Cannot use import statement outside a module

[ant-design]

SyntaxError: Cannot use import statement outside a module

[peterwiebe]

or for a more semi-permanent fix until a new release is published is to add the following to package.json until the breaking change is fixed (if you use yarn):

"resolutions": {
  "@ant-design/colors": "5.0.0"
}

[zombieJ]

0f15e95

[jamsinclair]

/cc @zombieJ @07akioni

For a quick summary, this breaking change might be caused by tree shaking code being included in v5.1.0.

Looks like @zombieJ has fixed this in #75. Hopefully, a new patch release with that commit will resolve this for everyone?

Appreciate the work you all do on this 😸 , many thanks!

[peterwiebe]

I also ran into this problem. I am able to fix it by going into node_modules/@ant-design/colors/dis/index.js and changing

var conversion = require('@ctrl/tinycolor/dist/module/conversion');
var formatInput = require('@ctrl/tinycolor/dist/module/format-input');

to this

var conversion = require('@ctrl/tinycolor/dist/conversion');
var formatInput = require('@ctrl/tinycolor/dist/format-input');

[jamsinclair]

@zombieJ thanks for the quick fix 🙌 . Anything blocking publishing v5.1.1 to npm? 🙏

[iamricky]

@cckz are you using Next.js?