Javascript ActionController:：RoutingError（没有与[GET]"；/vendor/assets/stylesheets/bootstrap.min.css"；匹配的路由）_Javascript_Html_Css_Ruby On Rails

Javascript ActionController:：RoutingError（没有与[GET]"；/vendor/assets/stylesheets/bootstrap.min.css"；匹配的路由）

javascript html css ruby-on-rails

Javascript ActionController:：RoutingError（没有与[GET]"；/vendor/assets/stylesheets/bootstrap.min.css"；匹配的路由）,javascript,html,css,ruby-on-rails,Javascript,Html,Css,Ruby On Rails,我正在Rails上运行此应用程序，页面加载正常，但在控制台中，出现以下情况： Started GET "/vendor/assets/stylesheets/bootstrap.min.css" for ::1 at 2020-08-17 09:09:51 -0500 Started GET "/vendor/assets/javascripts/bootstrap.min.js" for ::1 at 2020-08-17 09:09:51 -0500

我正在Rails上运行此应用程序，页面加载正常，但在控制台中，出现以下情况：

Started GET "/vendor/assets/stylesheets/bootstrap.min.css" for ::1 at 2020-08-17 09:09:51 -0500

Started GET "/vendor/assets/javascripts/bootstrap.min.js" for ::1 at 2020-08-17 09:09:51 -0500
ActionController::RoutingError (No route matches [GET] 
"/vendor/assets/stylesheets/bootstrap.min.css"):
ActionController::RoutingError (No route matches [GET] 
"/vendor/assets/javascripts/bootstrap.min.js"):

在我的供应商文件夹中，我有两个文件夹、javascripts和样式表，以及它们各自的bootsrttrap.min。即使在application.html.erb中，我也有以下内容：

RoR不使用文件夹结构所示的目录。因为它有一个资产加载器。您应该在rails 5或更低版本中导入application.css中的css和application.js中的js。并使用其自己的帮助程序添加捆绑包文件：

1.用纱线安装引导架或

轨道5或以下 2.导入资产管道中的文件 app/assets/stylesheets/application.css：但是如果你愿意，我建议使用SCS，只导入你需要的样式

app/assets/javascript/application.js： 3.在布局中导入资源 app/views/layout/application.html.erb： app/javascript/packs/application.js： 3.在布局中导入包

...

之后，你应该能够在你的所有应用程序中使用引导

[Solution]因此在我的Html（application.Html.erb）中，我对js和css文件进行了两次调用：

照你的建议做了，但没有成功。我甚至在HTML（vendor/assets/javascripts/bootstrap.min）中指定了路径，并将requires放入其中，但仍然无法运行。如果您不想使用npm或Thread安装bootstrap，请在app/assets/javascript中的js文件夹中添加文件，并在app/assets/stylesheets中添加css文件。只需输入名称即可。或者使用CDN坦克为您提供帮助！

yarn add bootstrap @popperjs/core jquery

npm i bootstrap @popperjs/core jquery

//...
require bootstrap/dist/css/bootstrap.min
//...

//...
//= require jquery
//= require @popperjs/core
//= require bootstrap/dist/js/bootstrap.min
//...

<head>
...
  <%= stylesheet_link_tag 'application', media: 'all' %>
</head>
<body>
...
  <%= javascript_include_tag 'application' %>
</body>

//...
import 'bootstrap'
//...

import 'jquery'
import 'popper.js'
import 'bootstrap'
import '../stylesheets/application'

<head>
...
  <%= stylesheet_pack_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
  <%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
</head>