尝试使用引导程序中的 javascript 文件时出现 404 Not found 错误答案

【问题标题】：404 Not found error when trying to use javascript file from bootstrap尝试使用引导程序中的 javascript 文件时出现 404 Not found 错误
【发布时间】：2020-11-21 20:31:54
【问题描述】：

我是 Rails 新手，我正在尝试使用 start bootstrap 建立一个网站，特别是找到 here 的登录页面。我已经将 css 和 html 导入到我的 rails 项目中，但是我很难使用 javascript。脚本文件在app/my_app/javascript/packs. 他们的样式在app/assets/stylesheets 中，我可以使用<img src> assets/stylesheets/...</img src>. 成功引用其中包含的图像我用rails s 启动服务器，它在我的浏览器中加载相关样式和图像虽然没有任何 javascript。控制台中的具体错误为

localhost/:468 GET http://localhost:3000/packs/scripts.js 404（未找到）

我引用 index.html.erb 页面最底部的脚本，就像这样

<script src> packs/scripts.js </script>。我也试过javascript/packs/scripts.js

我的 applications.html.erb 看起来像这样

<html>
  <head>
    <title>TestApp</title>
    <%= csrf_meta_tags %>
    <%= csp_meta_tag %>
     <%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
    <%= stylesheet_link_tag 'styles', media: 'all', 'data-turbolinks-track': 'reload' %>
  </head>

  <body>
    <%= yield %>
  </body>
</html>

<%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %> 标记仅在该文件中出现一次。

我的 applications.js 文件是这个

//= require bootstrap.min
//= require jquery.easing.min
//= require jquery.fittext
//= require wow.min
//= require scripts
//= require jquery_ujs
//= require turbolinks
//= require_tree

require("@rails/ujs").start()
require("turbolinks").start()
require("@rails/activestorage").start()
require("channels")
require("packs/scripts")

所以 rails/webpacker 似乎在javascript/... 路径下找不到脚本，我也不知道为什么。我已经搜索并尝试了很多解决方案，但都无济于事。任何有关该问题的帮助或建议将不胜感激。谢谢

【问题讨论】：

标签： javascript ruby-on-rails webpack webpacker

【解决方案1】：

如果你有一个来自 Webpacker 的 script.js 想要加载到 Rails 中，你可以使用 <%= javascript_pack_tag 'scripts', 'data-turbolinks-track': 'reload' %> 加载它。

javascript_pack_tag是一个辅助方法，它会自动为你生成脚本标签和url。

此外，由于您使用的是 turbolinks 并添加了'data-turbolinks-track': 'reload'，因此您可以将javascript_pack_tag 放在您的<head> 中。

【讨论】：

嘿！谢谢，所以我接受了您的建议，并最终在我的 index.html.erb 文件中用替换了