没有路由匹配[GET] "/packs/js/application.js“

Question

当我试图引用代码中的javascript包时，会出现一个错误。对我可能错过了什么有什么想法吗？

application.js

import Rails from "@rails/ujs"
import Turbolinks from "turbolinks"

Rails.start()
Turbolinks.start()

require("jquery-3.5.1.min")
require("jquery-ui-1.12.1")
require("dataTables.fnSetFilteringDelay")
require("jquery.dataTables.columnFilter-1.5.6")
require("application_default")

application.html.erb

 <%= javascript_pack_tag 'application', 'jquery-3', 'jquery-ui-1', 'jquery', 'FixedHeader-2', 'ColVis-1', 'rails': 'reload' %>

​

​

Answer 1

您丢失了相应的public/packs/js/*.js文件。修复它的两个选项：

只需编译包并让rails服务器在刷新时处理重新编译

bin/webpack

在开发中，最好运行dev服务器。它在文件更改时进行编译。

bin/webpack-dev-server

请注意您的文件结构以及不同的标记助手所做的事情：

app/
  assets/                # used by sprockets aka rails asset pipeline
    stylesheets/
      application.css    # stylesheet_link_tag 'application'
                         #  this is not old syntax; very much current and recommended in rails 7
    javascripts/
      application.js     # javascript_include_tag 'application'

  javascript/            # used by rails webpacker
    packs/               # keep this folder neat; don't dump everything in here
      application.js     # javascript_pack_tag 'application'
                         #  use this file to import packages from node_modules
    styles/
      application.css    # stylesheet_pack_tag 'application'
                         #  must be imported in packs/application.js
                         #  import "styles/application"
  
  node_modules/          # use yarn or npm to add js packages, don't put them in 'packs'