如何使用导入地图在铁轨中添加引导和jQuery？

发布于 2025-02-08 21:42:42 字数 706 浏览 2 评论 0原文

我是设置Rails 7应用程序。而且我不想使用导入地图添加Bootstrap和jQuery。我会尝试但不起作用。如果我犯了任何错误，请遵循此步骤，请纠正。

Rails新的演示
捆绑安装安装
使用索引创建演示控制器，并添加一些自举代码。
然后，我运行此命令bin/importmap pin bootstrap

so。在导入地图中添加了这两行 PIN“ Bootstrap”，to：“ https：//ga.jspm.io/npm:< a href =” //cdn-cgi/l/lim/email-protection“ class” class =“ __ cf_email__” data-cfemail =“电子邮件＆nbsp;受保护] /dist/js/bootstrap.esm.js” pin“@popperjs/core”，to：“ https：//ga.jspm.io/npm:@popperjs/< a href =”/cdn-cgi/l/l/email-protection class =“ __ cf_email__” data-cfemail =“ D7B4B8A5B297E5F9E6E6F9E2”> [email＆nbsp; procepted] /lib/index.js“

如果我已经在importmap.rb文件中pin bootstrap。为什么它不起作用，或者我错过了一些饱受的才能。

感谢您的重播。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

友谊不毕业 2025-02-15 21:42:42

请检查您的以下文件具有相应的内容：

// app/stylesheets/application.bootstrap.scss

@import 'bootstrap/scss/bootstrap';
@import 'bootstrap-icons/font/bootstrap-icons';

# package.json

{
  "dependencies": {
    "bootstrap": "^5.1.3",
    "sass": "^1.50.0"
  },
  "scripts": {
    "build:css": "sass ./app/assets/stylesheets/application.bootstrap.scss ./app/assets/builds/application.css --no-source-map --load-path=node_modules"
  }
}

# app/javascript/application.js

import * as bootstrap from "bootstrap"

# config/importmap.rb

pin "bootstrap", to: "https://ga.jspm.io/npm:[email protected]/dist/js/bootstrap.esm.js"

# app/views/layouts/application.html.{erb|slim|haml}

<head>
  <%= stylesheet_link_tag "application", "data-turbo-track": "reload" %>
  <%= javascript_importmap_tags %>
</head>

并使用bin/dev命令运行服务器

，以安装jQuery运行bin/importMap pin jquery command并将其导入application.js文件

# app/javascript/application.js

import { $, jQuery } from 'jquery'

// export for others scripts to use
window.$ = $
window.jQuery = jQuery

Please check that you have following files with corresponding content:

// app/stylesheets/application.bootstrap.scss

@import 'bootstrap/scss/bootstrap';
@import 'bootstrap-icons/font/bootstrap-icons';

# package.json

{
  "dependencies": {
    "bootstrap": "^5.1.3",
    "sass": "^1.50.0"
  },
  "scripts": {
    "build:css": "sass ./app/assets/stylesheets/application.bootstrap.scss ./app/assets/builds/application.css --no-source-map --load-path=node_modules"
  }
}

# app/javascript/application.js

import * as bootstrap from "bootstrap"

# config/importmap.rb

pin "bootstrap", to: "https://ga.jspm.io/npm:[email protected]/dist/js/bootstrap.esm.js"

# app/views/layouts/application.html.{erb|slim|haml}

<head>
  <%= stylesheet_link_tag "application", "data-turbo-track": "reload" %>
  <%= javascript_importmap_tags %>
</head>

And run server with bin/dev command

To install JQuery run bin/importmap pin jquery command and import it in application.js file

# app/javascript/application.js

import { $, jQuery } from 'jquery'

// export for others scripts to use
window.$ = $
window.jQuery = jQuery

回复收藏 0 原文

~没有更多了~

关于作者

花开雨落又逢春i

暂无简介

文章

27 人气

关注发私信

十二

文章 0 评论 0

关注

飞烟轻若梦

文章 0 评论 0

关注

OPleyuhuo

文章 0 评论 0

关注

wxb0109

文章 0 评论 0

关注

旧城空念

文章 0 评论 0

关注

-小熊_

文章 0 评论 0

友情链接

文江博客

如何使用导入地图在铁轨中添加引导和jQuery？

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

评论（1）

关于作者

相关话题

热门标签

推荐作者

十二

飞烟轻若梦

OPleyuhuo

wxb0109

旧城空念

-小熊_

友情链接

如何使用导入地图在铁轨中添加引导和jQuery？

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

评论（1）

关于作者

相关话题

热门标签

推荐作者

十二

飞烟轻若梦

OPleyuhuo

wxb0109

旧城空念

-小熊_

友情链接

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。