如何在Rails7.0中使用引導圖示？-有解無憂

我想在我的 Rails 7.0 應用程式中使用引導圖示，但圖示已折疊。

如何在 Rails 7.0 中使用引導圖示？

它應該顯示“加號”圖示（此影像在我的舊應用程式中）。

如何在 Rails 7.0 中使用引導圖示？

我也收到 ActionController::RoutingError。

08:05:31 web.1  | Started GET "/fonts/bootstrap-icons.woff2?30af91bf14e37666a085fb8a161ff36d" for ::1 at 2021-12-30 08:05:31  0900
08:05:31 web.1  |   
08:05:31 web.1  | ActionController::RoutingError (No route matches [GET] "/fonts/bootstrap-icons.woff2"):
08:05:31 web.1  |   
08:05:31 web.1  | Started GET "/fonts/bootstrap-icons.woff?30af91bf14e37666a085fb8a161ff36d" for ::1 at 2021-12-30 08:05:31  0900
08:05:31 web.1  |   
08:05:31 web.1  | ActionController::RoutingError (No route matches [GET] "/fonts/bootstrap-icons.woff"):

以下是我執行的步驟：

創建了一個新的應用程式 rails new my-app-name --css bootstrap
冉npm i bootstrap-icons（然后我進入"bootstrap-icons": "^1.7.2"了我的package.json）

編輯app/assets/stylesheets/application.bootstrap.scss如下：

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

像這樣寫erb：

  <%= link_to new_project_path, class: "btn btn-primary" do %>
    <i class="bi bi-plus" aria-hidden="true"></i>
    New Project
  <% end %>

啟動我的應用程式 bin/dev

我閱讀了這些頁面，但無法解決錯誤；

編輯

我找到了更簡單的解決方案。

安裝引導圖示。
```
npm i bootstrap-icons
```
將此行添加到app/assets/stylesheets/application.bootstrap.scss.
```
@import "bootstrap-icons/font/bootstrap-icons";
```
編輯config/initializers/assets.rb.
```
Rails.application.config.assets.paths << Rails.root.join("node_modules/bootstrap-icons/font")
```
使用bin/dev命令啟動服務器。就這樣！

uj5u.com熱心網友回復：

您是否在 scss 檔案中定義了字體？

我的匯入下面有這個
```
@font-face {
  font-family: "bootstrap-icons";
  src: font-url("bootstrap-icons/font/fonts/bootstrap-icons.woff2") format("woff2"), font-url("bootstrap-icons/font/fonts/bootstrap-icons.woff") format("woff");
}
```
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/407523.html
標籤：

上一篇：BootstrapTable全選并通過模態更新單元格值
下一篇：Bootstrap表單資料在模態時未提交