问题标签 [import-maps]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
ruby-on-rails - Rails 7 导入地图:如何在 .html 视图中使用新的 window.variable?
应用程序.js:
然后我尝试在我的 .html.slim 视图中使用它:
然后在控制台中:
这意味着我认为的代码比来自 application.js 的代码更快。
javascript - Rails 7. 如何使用 Import Maps 将现有脚本插入 HTML 模板?
在我的 application.html.erb 中,我有多个来自引导模板(预定义脚本)的现有脚本,通常我将此代码放在 de body 标记下,例如:
在另一个 rails 版本中,这工作正常,但我使用的是 rails 7,我想使用 importmap 让脚本正常运行。
如果有人知道如何正确导入脚本以便它们工作并可以帮助我的解决方案,我会很高兴。
感谢阅读,祝您有愉快的一天。
webpack - SystemJS:Material UI webpack 外部导入子路径导致错误
我目前有一个主要工作的单一 spa 设置,我需要有 Material UI (v4)。此设置当前适用于来自以下的任何导入from "@material-ui/core"
:
在根应用程序上导入地图
微服务上的 Webpack 配置
但是,如果我有任何来自 MUI 子路径的导出,我会得到一个错误,例如:
import { Button } from "@material-ui/core/Button";
Uncaught (in promise) Error: Unable to resolve bare specifier '@material-ui/core/Button'
我将如何解决这个问题,以便子路径不会导致错误?我尝试让每个导入都来自,/core
但在某些情况下,这不起作用,例如主题模块扩充,但最终也会因为/core/utills
我的代码中没有来自那里的导入而出现错误。
我已经尝试了下面的代码,在此处找到,但这会导致与错误相同window["material-ui"].button
的错误。
编辑:
我也MaterialUI.${component}
按照他的公关尝试过,但还是一样
ruby-on-rails - Rails 7 导入映射引导程序
因此,我通过执行以下操作设置了我的 rails 7 应用程序。
要添加引导程序,我已经使用 importmap(无 webpacker)实现了它,如下所示
加载了这些行(我添加了预加载:true)
然后在我的 application.js 上,我添加了
我可以通过执行以下操作来使用 toast 元素
它运行良好,但是当我尝试使用菜单上的工具提示时,我开始遇到引导问题
原因是 popperjs 使用process.env.NODE_ENV
了不存在的,因为我没有设置 webpacker
所以我不得不在我的应用程序布局上做一些丑陋的事情并像这样添加它
这类问题有更好的方法/解决方案吗?
ruby-on-rails - Bootstrap 5.1 在 JSBundling Rails 7 中不起作用?
我开始使用默认的 Rails 模板,现在我想将 Bootstrap v5.1 与 Rails 一起使用。我删除了 Importmap-Rails 并继续添加 JSBundling-Rails 和 CSSBundling-Rails。样式工作正常,但 Bootstrap JavaScript 命令似乎都没有工作。我究竟做错了什么?
ruby-on-rails - Rails 7 + ImportMaps/whatever + TailwindCSS + JS = Boggled
首先,我更像是 Rails 后端人员。今天的 JS 世界让我害怕。我知道这是一个超级基本的问题,但我已经绞尽脑汁想了好几天,试图弄清楚这 一点。我不知道为什么我不能在我的 HTML 中放置一个 CDN 链接并获得我需要的所有 JS。那是过去的好日子...
无论如何,我有一个使用 import-maps 的几乎全新的 Rails 7 应用程序(它们全部吗?),我正在尝试从https://tailwindui.com/preview(该页面的第一个导航栏)获取下拉“组件” ) 在职的。它开始突然打开,没有悬停效果,并且无法关闭。我的目标是更多地使用这些组件,但我阅读的所有文档似乎让我觉得有一个我不理解的缺失部分。
Gemfile包含gem "tailwindcss-rails", "~> 2.0" # github: "rails/tailwindcss-rails"
应用程序/资产/样式表/application.tailwind.css:
应用程序/资产/javascript/application.js
配置/tailwind.config.js
我还需要把什么放在哪里才能让它工作?感谢您填补我大脑中缺失的部分。
ruby-on-rails - Rails 7 toastr 使用 importmaps
我正在尝试使用 toastr 来显示消息。我正在使用 rails 7 但我不确定我是否已正确导入和实施
最后一行是什么都没有发生的地方。警报按预期显示
那是我在 importmap.rb 中的 pin 声明
那是我在 application.html.erb 中的头
ruby-on-rails - Rails 7 和 Import-map 并加载自定义 JS 文件
我正在尝试加载我的自定义 js。但出现错误。
错误如下。
无法注册控制器:通知(控制器/通知控制器)错误:无法解析从 http://localhost:3000/assets/controllers/notification_contr 导入的说明符“@noty”...
通知控制器.js
配置/importmap.rb
我做错了什么?我还有一些其他问题是,“stimulus.min.js”和“turbo.min.js”文件存在哪里?
ruby-on-rails - Rails:从cdnjs中选择引脚?
我试图为我的 rails 7 应用程序固定选择脚本(https://selectize.dev)(select2 似乎太复杂了),根据他们的网页,他们在 cdnjs 上。但是当我发出以下命令时:
我得到:
如何让 cdnjs “知道”importmap?
ruby-on-rails - Rails 7 ActionCable 无法连接
我最近从 Rails 6.1.4.6 升级到了 7.0.2.2。通过这次升级,我从 webpacker 切换到使用 sprockets 导入地图。我的回购不包括 turbolinks 或刺激,我现在也不想添加它们。所以我重新添加了 UJS,我的大部分测试都通过了,除了动作电缆功能测试。看来我无法连接动作电缆。
任何帮助,将不胜感激!
宝石文件
配置/cable.yml
配置/路由.rb
配置/importmaps.rb
应用程序/资产/配置/manifest.js
应用程序/javascripts/application.js
应用程序/javascripts/channels/index.js
应用程序/javascripts/channels/consumer.js
应用程序/javascripts/channels/messages_channel.js