Niels-IO / next-image-export-optimizer

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.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Can't use requrie in a esm project

bryanjtc opened this issue · comments

I added a remoteOptimizedImages.js file to my project, but it is loaded with require, throwing this error in my esm project.

Error: require() of ES Module /home/bryan/projects/website-ayudinga/packages/website-ayudinga-app/remoteOptimizedImages.js from /home/bryan/projects/website-ayudinga/.yarn/virtual/next-image-export-optimizer-virtual-0d632cc740/0/cache/next-image-export-optimizer-npm-1.7.0-78180215f7-9bcff3a1c6.zip/node_modules/next-image-export-optimizer/dist/utils/getRemoteImageURLs.js not supported.
Instead change the require of remoteOptimizedImages.js in /home/bryan/projects/website-ayudinga/.yarn/virtual/next-image-export-optimizer-virtual-0d632cc740/0/cache/next-image-export-optimizer-npm-1.7.0-78180215f7-9bcff3a1c6.zip/node_modules/next-image-export-optimizer/dist/utils/getRemoteImageURLs.js to a dynamic import() which is available in all CommonJS modules.
at require$$0.Module._extensions..js (/home/bryan/projects/website-ayudinga/.pnp.cjs:22442:15)
at Module.load (node:internal/modules/cjs/loader:1037:32)
at require$$0.Module._load (/home/bryan/projects/website-ayudinga/.pnp.cjs:22283:14)
at Module.require (node:internal/modules/cjs/loader:1061:19)
at require (node:internal/modules/cjs/helpers:103:18)
at getRemoteImageURLs (/home/bryan/projects/website-ayudinga/.yarn/virtual/next-image-export-optimizer-virtual-0d632cc740/0/cache/next-image-export-optimizer-npm-1.7.0-78180215f7-9bcff3a1c6.zip/node_modules/next-image-export-optimizer/dist/utils/getRemoteImageURLs.js:10:49)
at nextImageExportOptimizer (/home/bryan/projects/website-ayudinga/.yarn/virtual/next-image-export-optimizer-virtual-0d632cc740/0/cache/next-image-export-optimizer-npm-1.7.0-78180215f7-9bcff3a1c6.zip/node_modules/next-image-export-optimizer/dist/optimizeImages.js:62:61)
at Object. (/home/bryan/projects/website-ayudinga/.yarn/virtual/next-image-export-optimizer-virtual-0d632cc740/0/cache/next-image-export-optimizer-npm-1.7.0-78180215f7-9bcff3a1c6.zip/node_modules/next-image-export-optimizer/dist/optimizeImages.js:459:5)
at Module._compile (node:internal/modules/cjs/loader:1159:14)
at Module._extensions..js (node:internal/modules/cjs/loader:1213:10) {
code: 'ERR_REQUIRE_ESM'
}

Side note: This only happens when the file is in javascript, with typescript it doesn't happen.