问题标签 [import-maps]

我有一个通过import-mapFooService加载的 Singleton-Class 。我想（a）等待它并在各种异步函数中使用它，如下所示：

但我只能让它像这样工作：

每次我想使用它时，如何在不重新加载它的情况下实现这一点？

假设我有 systemjs importmap：

然后在 webpack 外部配置中我们可以添加反应：

但默认情况下，webpack 配置指向一个全局反应实例。有没有办法让 webpack 使用 importmap 中的反应？

我有一个 Rails 6.1 应用程序，它是从 Rails 4 -> 5 -> 6 升级的，所以它很成熟。

它仍然使用资产管道，并且随着 Rails 7.0 的未来，我将保持这种方式。我想开始使用stimulus + importmaps，所以我跟着安装。

通过热线安装导入映射和刺激后，我在加载我的应用程序时在 Firefox 91 中收到以下错误；

我的 importmap.rb

我已将所有 javascript 保存在 app/assets/javascripts 目录中，该目录仍应由资产管道处理。

我有以下 app/assets/javascripts/importmap.json.erb

application.js 是；

我的 application.html.erb 中也有以下行

manifest.js 是；

编辑

检查 Chrome 中的 Elements 选项卡，我已经加载了 es-module-shims 但在 Firefox 中我仍然收到错误；

这是加载 es-module-shim 的代码

编辑

可以安全地忽略以下错误；

参考：https ://github.com/rails/importmap-rails#expected-errors-from-using-the-es-module-shim

编辑

当我将 application.html.erb 头更改为以下内容时，另一个错误消失了

我已经在 importmap-rails gem github 存储库中打开了一个关于这个的问题，但我想我会在这里提出这个问题，以防有人有解决方法

这是我迄今为止发现的

使用 Rails 7 alpha 2 或 Rails 7.0rails plugin new custom_page --mountable --full生成的新引擎生成一个新引擎，该引擎在捆绑的 gem 中包含 importmap-rails gem，但无法使用它。添加spec.add_dependency 'importmap-rails'到enginename.gemspec 没有区别，也没有添加require importmap-rails到engine.rb。bin 目录中没有 importmap 可执行文件。调用bundle info importmap-rails 产生一个有希望的结果，表明 gem 是默认安装的

来电rails --tasks显示

但我相信这是来自 --full 选项生成的测试应用程序，而不是可用于引擎的 rails 命令。我希望在没有应用程序的情况下看到相同的内容：前缀对此任务的调用解析为模板错误，如图所示

不知道如何构建任务 'app:template' （查看可用任务列表rails --tasks） 你的意思是？应用程序：tmp：创建

如果对此有解决方法，我将不胜感激，我相信其他人也会。我想要这个的原因是我完全没有在 rails 6.1.4 引擎中引入 webpacker，我希望这将是我的，大大改进的解决方案

我不确定这是 importmaps 问题还是其他问题，但在 Rails 7.0.0.alpha2 中，我在 javascript 文件上遇到 404 错误。

想知道我是否缺少某种生产“编译”步骤，因为它在开发中运行良好。

然后在我的app/views/layouts/application.html.erb文件中，我<%= javascript_importmap_tags %>用来包含所有内容。

如果我设置config.assets.compile = true，production.rb错误就会消失......但我不确定为什么或是否解决了核心问题。

我创建了新的 rails 7 项目rails new my_project，但在包含要由 rails 处理的自定义 JS 文件时遇到问题。

我的“javascript/application.js”

我的自定义 JS 文件：“javascript/custom/uni_toggle.js”

我在我的布局中使用<%= javascript_importmap_tags %>

和我的“confing/importmap.rb”

我刚刚安装了带有引导程序的 Rails 7。默认情况下，它没有附带导入地图。

我可以将导入映射与纱线一起使用，还是应该只使用一种方法？

有什么我应该注意的兼容性问题吗？

如果同时使用两者，application.js 会是什么样子？

谢谢！

问题摘要

我有一个新的 rails 7 应用程序，它使用importmap-railsgem 来管理 javascript 前端库。

我正在尝试使用 Semantic-UI 库，但是 Semantic-UI javascript 无法识别 jQuery 的依赖关系。

我无法通过 importmap 固定 Semantic-UI 库，所以我importmap.rb手动添加了这个库。这是我正在使用的语义.min.js 的 CDN 链接。

以下错误消息出现在 Chrome Web 工具的控制台中，并且我在页面上验证 javascript 的可折叠手风琴不起作用。

中引用的行semantic.min.js如下所示

尝试修复

我认为 Semantic-UI 和 jQuery 导入发生的顺序可能是问题（根据许多其他Stack Overflow 问题和Github 问题）。

但是，我在 Semantic-UI 导入之前进行了 jQuery 导入。

如果我注释掉 Semantic-UI 导入，我可以毫无问题地使用 jQuery。

我已经切换了文件preload上的变量，importmap.rb 以查看 Semantic-UI 是否也被加载得太快。

我尝试将 jQuery 导入重命名为$and jQuery，但最终都没有被识别。

我的直觉说 Semantic-UI 在 jQuery 设置为全局变量之前加载，但我不确定它如何与新的 importmap 功能和资产管道一起工作。

应用程序配置

导入地图.rb

应用程序.js

index.html.erb 可折叠手风琴

宝石文件

我使用 Tailwindcss 创建了一个带有 Post、Comment 模型的简单 Rails 7 应用程序。

我在导入 highlight.js 库以在 Trix 编辑器中呈现语法代码时遇到问题。

这是配置/importmap.rb：

和 javascrip/application.js

浏览器中的消息错误：

我有什么不对吗？

谢谢。

我是 JS 模块和 Import Map 的新手，现在我使用的是 Ruby on Rails 7，但我找不到让它工作的方法：

Js 模块（proposals.js）：

应用程序.js

在观点上：

错误：未捕获的 ReferenceError：未定义提案

如何访问视图上的 openProposalMirror() 函数？