ESM imports not working

[LucasC-S]

Discussed in #9462

^{Originally posted by LucasC-S January 3, 2024}
Not sure if this is 100% related to parcel or the packages themselves, but I am trying to use remark-math and rehype-katex with a react app I am using parcel to build. However, when I try and build I get a number of errors where the modules themselves have failed imports. Here is an example:

🚨 Build failed.

@parcel/core: Failed to resolve 'devlop' from './node_modules/hast-util-from-html/lib/index.js'

./node_modules/hast-util-from-html/lib/index.js:60:28
    59 | 
  > 60 | import {ok as assert} from 'devlop'
  >    |                            ^^^^^^^^
    61 | import {fromParse5} from 'hast-util-from-parse5'
    62 | import {parse, parseFragment} from 'parse5'

@parcel/resolver-default: Cannot load file './index' from module 'devlop'

The stuff I have found about this from the unified team all indicates that it is a problem with the resolver (eg. this also happens with jest) and not any unified packages. Any help would be greatly appreciated!!

[mischnic]

devlop uses package exports: https://unpkg.com/browse/[email protected]/package.json

You have to opt into them when using Parcel: https://parceljs.org/features/dependency-resolution/#package-exports

[ttodua]

@mischnic but how to ignore the dynamic imports that might exist in some of the dependency modules?

for example, those dynamic imports are in i.e. if (special_case) { await import(...);} clause, where our application will never have special_case clause to true and thus I will not need to use those dependencies. how to ignore them?

[mischnic]

@ttodua
Add

{
	"alias": {
		"http-proxy-agent": false
	}
}

in your project root's package json.