Unable to load/import 'preact/jsx-dev-runtime'

The package.json for preact version 10.5.12 lists preact/jsx-dev-runtime as submodule:

"./jsx-dev-runtime": {
	"browser": "./jsx-runtime/dist/jsxRuntime.module.js",
	"umd": "./jsx-runtime/dist/jsxRuntime.umd.js",
	"require": "./jsx-runtime/dist/jsxRuntime.js",
	"import": "./jsx-runtime/dist/jsxRuntime.mjs"
},

However, I am unable to load/import it.

Babel preset-react has a couple of option to use runtime: "automatic" and importSource: "preact". When these options are enable, babel loads jsx-runtime on production or jsx-dev-runtime on development environment.

This is my .babelrc:

{
  "presets": [
    [
      "@babel/preset-react",
      {
        "runtime": "automatic",
        "importSource": "preact"
      }
    ],
  "env": {
    "development": {
      "presets": [
        [
          "@babel/preset-react",
          {
            "development": true,
            "runtime": "automatic",
            "importSource": "preact"
          }
        ]
      ]
    }
  }
}

Steps to reproduce

1. import { jsx } from "preact/jsx-dev-runtime";

See also the error here: https://codesandbox.io/s/affectionate-paper-bo98u?file=/index.js

Expected behavior

I should be able be able to import the preact/jsx-dev-runtime

Actual behavior

preact/jsx-dev-runtime can not be imported.

Babel reports: Error: Can't walk dependency graph: Cannot find module 'preact/jsx-dev-runtime'

[esanzgar]

I filed an issue with Browserify: https://github.com/browserify/browserify/issues/1995

[marvinhagemeister]

@devongovett is adding support for the exports field in package.json on parcel’s roadmap? With libraries switching over to ESM there might be more issues like this in the future. Supporting the exports field would solve all those problems at once for parcel.