javascript没有在rails 6中编译

Question

我最近更新到 rails 6.0.2 一切正常，但是当我创建一个新项目时，我发现 javascript 文件夹已从 assest 管道移动到 app 文件夹。我正在使用一个主题来创建一个简单的单页网站，除了 javascript 之外一切正常。我已经将我所有的 javascripts 文件 app/javascripts/packs 放在了我的主页上。

<script type="text/javascript" src="/javascript/jquery.min.js"></script>
        <script type="text/javascript" src="/javascript/jquery-migrate.min.js"></script>
        <script type="text/javascript" src="/javascript/bootstrap.min.js"></script>
        <script type="text/javascript" src="/javascript/jquery.themepunch.tools.min.js"></script>
        <script type="text/javascript" src="/javascript/jquery.themepunch.revolution.min.js"></script>
        <script type="text/javascript" src="/javascript/snap.min.js"></script>
        <script type="text/javascript" src="/javascript/owl.carousel.min.js"></script>
        <script type="text/javascript" src="/javascript/jquery.prettyPhoto.js"></script>
        <script type="text/javascript" src="/javascript/jquery.prettyPhoto.init.min.js"></script>
        <script type="text/javascript" src="/javascript/jQuery.headroom.min.js"></script>
        <script type="text/javascript" src="/javascript/headroom.min.js"></script>
        <script type="text/javascript" src="/javascript/script.js"></script>

        <script type="text/javascript" src="/javascript/revolution.extension.video.min.js"></script>
        <script type="text/javascript" src="/javascript/revolution.extension.slideanims.min.js"></script>
        <script type="text/javascript" src="/javascript/revolution.extension.actions.min.js"></script>
        <script type="text/javascript" src="/javascript/revolution.extension.layeranimation.min.js"></script>
        <script type="text/javascript" src="/javascript/revolution.extension.kenburn.min.js"></script>
        <script type="text/javascript" src="/javascript/revolution.extension.navigation.min.js"></script>
        <script type="text/javascript" src="/javascript/revolution.extension.migration.min.js"></script>
        <script type="text/javascript" src="/javascript/revolution.extension.parallax.min.js"></script>

这是我的 application.js

console.log('Hello World from Webpacker')
require("packs/bootstrap")
require("packs/headroom")
require("packs/jquery-migrate")
require("packs/jQuery.headroom")
require("packs/jquery")
require("packs/jquery.prettyPhoto.init")
require("packs/jquery.prettyPhoto")
require("packs/jquery.themepunch.revolution")
require("packs/jquery.themepunch.tools")
require("packs/owl.carousel")
require("packs/revolution.extension.actions")
require("packs/revolution.extension.kenburn")
require("packs/revolution.extension.layeranimation")
require("packs/revolution.extension.migration")
require("packs/revolution.extension.navigation")
require("packs/revolution.extension.parallax")
require("packs/revolution.extension.slideanims")
require("packs/revolution.extension.video")

但我还是得到了

ActionController::RoutingError (No route matches [GET] "/javascript/revolution.extension.parallax.min.js"):

Answer 1

如果你已经在 application.js 中加载了所有的 js。打电话不就够了吗

 <%= yield :javascript %> 

在 application.html.erb 中。 另一种方法是你可以将你的 js 文件放在 public/js/packs 目录中并像访问这些文件一样

<script src="/js/packs/jquery.prettyPhoto.init"></script>