如何从esm.sh加载jsx-runtime？遇构建入口解析失败错误

问题原因 #

你存在两个关键问题：

• react/jsx-runtime是React包的内部子模块，并非独立npm包，所以直接访问https://esm.sh/jsx-runtime@19.1.0指向的是无关的独立包，不是React自带的jsx-runtime。
• importmap配置的路径格式错误，没有正确关联到React包的子模块。

正确配置方案 #

修改importmap的路径为React包下的子模块地址：

<script type="importmap">
  {
    "imports": { 
      "react/jsx-runtime": "https://esm.sh/react@19.1.0/jsx-runtime"
    }
  }
</script>

验证模块可用性 #

要确认esm.sh是否提供该模块，应访问https://esm.sh/react@19.1.0/jsx-runtime，而非独立的jsx-runtime包地址。如果该地址能正常返回模块代码，说明配置即可生效。

注意：如果react@19.1.0版本尚未正式发布，esm.sh可能没有该版本，此时需要替换为已发布的React 19版本号（比如RC版本react@19.0.0-rc.1）。

内容的提问来源于stack exchange，提问作者Dolphin