javascript - 按名称或路径导入模块

Question

我不清楚按名称(如常见的 react 或聚合物 lit-element 用法)或按路径(又名 npm 模块)导入 js 模块之间的区别。有什么区别，为什么首先会有区别？为什么我不能导入 lit-element 使用:

从 'lit-element' 导入 { LitElement, html }

像普通的 npm 模块一样，在浏览器中使用它而不会出现此错误:无法解析模块说明符。相对引用必须以“/”、“./”或“../”开头。?

Answer 1

在浏览器中使用 ES6 模块语法目前仅支持路径作为说明符，因为尚不清楚如何将裸说明符解析为 URL。

• 其他说明符保留供将来使用，例如导入内置模块。
• 无法复制 nodejs 模块解析算法，因为它需要测试文件是否存在，这在本地是合理的，但在 HTTP 上是不合理的 - 当然，任何地方都没有 node_modules 文件夹。
• 正在努力实现更精细的解决方案，例如module loaders或 import maps .路径只是可以向公众发布的最小可行解决方案，同时保证向前兼容性。

来源:[1] , [2] , [3]