Use Next.js advanced <Image/> component with the static export functionality. Optimizes all static images in an additional step after the Next.js static export.
MacBook-Pro:react-blog jenszastrow$ yarn next-image-export-optimizer
yarn run v1.22.19
$ /Users/jenszastrow/jzs/lead-engine/templates/react-blog/node_modules/.bin/next-image-export-optimizer
/Users/jenszastrow/jzs/lead-engine/templates/react-blog/node_modules/cli-progress/lib/formatter.js:1
const _stringWidth = require('string-width');
^
Error [ERR_REQUIRE_ESM]: require() of ES Module /Users/jenszastrow/jzs/lead-engine/templates/react-blog/node_modules/string-width/index.js from /Users/jenszastrow/jzs/lead-engine/templates/react-blog/node_modules/cli-progress/lib/formatter.js not supported.
Instead change the require of index.js in /Users/jenszastrow/jzs/lead-engine/templates/react-blog/node_modules/cli-progress/lib/formatter.js to a dynamic import() which is available in all CommonJS modules.
at Object.<anonymous> (/Users/jenszastrow/jzs/lead-engine/templates/react-blog/node_modules/cli-progress/lib/formatter.js:1:22)
at Object.<anonymous> (/Users/jenszastrow/jzs/lead-engine/templates/react-blog/node_modules/cli-progress/lib/generic-bar.js:3:20)
at Object.<anonymous> (/Users/jenszastrow/jzs/lead-engine/templates/react-blog/node_modules/cli-progress/lib/single-bar.js:1:21)
at Object.<anonymous> (/Users/jenszastrow/jzs/lead-engine/templates/react-blog/node_modules/cli-progress/cli-progress.js:1:20)
at Object.<anonymous> (/Users/jenszastrow/jzs/lead-engine/templates/react-blog/node_modules/next-image-export-optimizer/dist/utils/defineProgressBar.js:3:21)
at Object.<anonymous> (/Users/jenszastrow/jzs/lead-engine/templates/react-blog/node_modules/next-image-export-optimizer/dist/optimizeImages.js:4:27) {
code: 'ERR_REQUIRE_ESM'
}
Node.js v18.18.2
mcbain
commented
5 days ago