Cannot resolve `const [imagemin, webp] = await Promise.all([import('imagemin'), import('imagemin-webp')]);`

Question

Cannot resolve `const [imagemin, webp] = await Promise.all([import('imagemin'), import('imagemin-webp')]);`

adamlui opened this issue 9 days ago · 5 comments

https://github.com/adamlui/js-utils/blob/23b8bbb60944f8207e9793ad3ec021ffedb39f9e/img-to-webp/img-to-webp.js#L18C1-L18C94 results in

Error:   18:55  error  Unable to resolve path to module 'imagemin'       import/no-unresolved
Error:   18:75  error  Unable to resolve path to module 'imagemin-webp'  import/no-unresolved

Answer 1 · 2024-12-16T15:57:18.000Z

Are these packages installed locally?

Answer 2 · 2024-12-18T06:53:37.000Z

Indeed they are via package.json dependencies

...
  "dependencies": {
    "imagemin": "^9.0.0",
    "imagemin-webp": "^8.0.0"
  }
...

Answer 3 · 2024-12-18T06:57:26.000Z

The issue then, seems to be that both of these packages lack a main, and use type: module, and this package doesn't support the exports field yet.

I'd suggest putting them in import/ignore in the meantime.

Answer 4 · 2024-12-18T07:00:29.000Z

I already did but maybe you should add a feature to auto-detect unsupported pkg types to not false positive in the meantime for better UX

Answer 5 · 2024-12-18T07:01:55.000Z

Due to the way resolvers are implemented, that would probably take almost as much time as the support itself.