Javascript 样式表包和JS包不'；t工作-轨道6_Javascript_Ruby On Rails_Ruby On Rails 6

Javascript 样式表包和JS包不'；t工作-轨道6

javascript ruby-on-rails

Javascript 样式表包和JS包不'；t工作-轨道6,javascript,ruby-on-rails,ruby-on-rails-6,Javascript,Ruby On Rails,Ruby On Rails 6,所以我尝试尽可能多地组织我的javascript和css包到目前为止，我有两个布局，它们将每个布局所需的CSS和JS文件分开在javascript->packs->dashboard.js下： require("@rails/ujs").start() require("turbolinks").start() require("@rails/activestorage") require("channels") require("dashboard/metisMenu.min") re

所以我尝试尽可能多地组织我的javascript和css包

到目前为止，我有两个布局，它们将每个布局所需的CSS和JS文件分开

在javascript->packs->dashboard.js下：

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


require("dashboard/metisMenu.min")
require("dashboard/startmin")

import './stylesheets/dashboard.scss'

在javascript->packs->application.js下：

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


import 'bootstrap'
import './stylesheets/application.scss'

在javascript->packs->stylesheets/application.scss下：

@import "~bootstrap/scss/bootstrap";

在javascript->packs->stylesheets/dashboard.scss下：

$fa-font-path: '~@fortawesome/fontawesome-free/webfonts';
@import "~@fortawesome/fontawesome-free/scss/fontawesome";
@import "~@fortawesome/fontawesome-free/scss/solid";
@import "metisMenu.min";
@import "startmin";

在我的布局文件视图->布局->dashboard.html.erb中：

<!DOCTYPE html>
<html>
  <head>
    <title>Dashboard</title>
    <%= csrf_meta_tags %>
    <%= csp_meta_tag %>

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

  <body>
  <%= render 'layouts/error_messages' %>
    <%= yield %>
  </body>
</html>


仪表板

我尝试了这种方法，但是我的javascript和CSS似乎不起作用

你知道我做错了什么吗？

你能具体说明什么不起作用吗？您是否收到一个错误，或者一个空白的js/css文件等？