SyntaxError: Cannot use import statement outside a module

[cckz]

hi, bundle crashes after last update

Documents\projects\sed_flexible_reports\node_modules\@ctrl\tinycolor\dist\module\conversion.js:1
import { bound01, pad2 } from './util';
^^^^^^

SyntaxError: Cannot use import statement outside a module
    at compileFunction (<anonymous>)
    at wrapSafe (internal/modules/cjs/loader.js:1071:16)
    at Module._compile (internal/modules/cjs/loader.js:1121:27)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1177:10)
    at Module.load (internal/modules/cjs/loader.js:1001:32)
    at Function.Module._load (internal/modules/cjs/loader.js:900:14)
    at Module.require (internal/modules/cjs/loader.js:1043:19)
    at require (internal/modules/cjs/helpers.js:77:18)
    at Object.<anonymous> (Documents\projects\sed_flexible_reports\node_modules\@ant-design\colors\dist\index.js:5:18)
    at Module._compile (internal/modules/cjs/loader.js:1157:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1177:10)
    at Module.load (internal/modules/cjs/loader.js:1001:32)
    at Function.Module._load (internal/modules/cjs/loader.js:900:14)
    at Module.require (internal/modules/cjs/loader.js:1043:19)
    at require (internal/modules/cjs/helpers.js:77:18)
    at Object.<anonymous> (Documents\projects\sed_flexible_reports\node_modules\@ant-design\icons\lib\utils.js:22:15)
    ```

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

[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"
}

[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!

[zombieJ]

0f15e95

[jamsinclair]

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

[iamricky]

@cckz are you using Next.js?