Rails 7中Importmap导入库时的类名导入规则问询

核心逻辑 #

Importmap 里的导入名称，和执行 ./bin/importmap pin 时的包名没有强制对应关系，真正取决于你 pin 的脚本里暴露的导出标识。

不同场景的处理方式 #

标准 ES 模块包（如 React/ReactDOM） #

像 react、react-dom 这类遵循 ES 模块规范的包，代码里会明确通过 export default React 或 export default ReactDOM 导出对应名称，所以导入时直接用和包名一致的名称即可，比如：

import React from "react"
import ReactDOM from "react-dom"

传统非 ES 模块脚本（如 javascript-autocomplete） #

对于没有用 ES 模块规范编写的脚本，Importmap 会自动适配脚本暴露的全局变量：

• 以 javascript-autocomplete 为例，脚本里定义了全局函数 autoComplete，Importmap 会把这个全局变量作为默认导出。
• 所以执行 ./bin/importmap pin javascript-autocomplete 后，正确的导入方式是：

import autoComplete from "javascript-autocomplete"

• 那些诸如 JavascriptAutocomplete、Autocomplete 之类的名称都不生效，因为脚本本身只暴露了小写开头的 autoComplete 全局变量。

确认正确导入名称的方法 #

• 直接查看你 pin 的脚本源码，找它定义的全局变量、函数名，或是用 export 导出的内容。
• 也可以在浏览器控制台中，加载脚本后直接输入可能的名称（比如 autoComplete），验证是否能访问到对应的对象或函数。

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