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>