gpt4 book ai didi

javascript - 在 Ruby on Rails 中加载 CSS 和 JS 文件

转载 作者:太空宇宙 更新时间:2023-11-04 02:24:06 25 4
gpt4 key购买 nike

我最近转而使用 Ruby on Rails,所以我对 Assets 管道的艺术和一般的 Ruby on Rails 还是陌生的。我现在遇到的问题是,当我尝试在 Rails 页面上加载我的 ruby​​ 时,它在我的 default.js 上出现 404 错误。和我的 default.css .这两个文件在目录 app/assets/javascripts 中和 app/assests/stylesheets分别。

我相信这个问题是由我的 stylesheet_link_tags 引起的和 javascript_link_tags在我的里面 application.html.erb .下面你可以看到我的application.html.erb

<!DOCTYPE html>
<html>
<head>
<title>Loadtest</title>
<%= stylesheet_link_tag 'default', media: 'all', 'data-turbolinks-track' => true %>
<%= javascript_include_tag 'default', 'data-turbolinks-track' => true %>
<%= csrf_meta_tags %>

<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width = device-width, initial-scale = 1">
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Ubuntu">

</head>
<body>
<div id = "content">
<%= yield %>
</div>


</body>
</html>

一开始链接标签有application在他们之后但是这个SO Question让我相信将它们更改为 default会解决这个问题。

我改default时出现的错误返回application是下面的

ExecJS::ProgramError in Application#home
Showing c:/Users/***/Desktop/loadtest/app/views/layouts/application.html.erb where line #5 raised:
TypeError: Object doesn't support this property or method
Rails.root: c:/Users/aterra/Desktop/loadtest

我没有更改我的 application.jsapplication.css以任何方式查看它们在构建 Rails 应用程序时的外观。

如果你需要查看我的应用程序 Controller ,它看起来像这样

class ApplicationController < ActionController::Base
# Prevent CSRF attacks by raising an exception.
# For APIs, you may want to use :null_session instead.
protect_from_forgery with: :exception
def home
end
end

如果您能帮助解决这个问题,我们将不胜感激。谢谢你的时间。

编辑:

我通过更改 default 解决了我的问题至 application.cssapplication.js分别。之后我进入我的 application.js 文件夹并添加 =require turbolinks没有 //然后瞧,它开始工作了。

最佳答案

您可以在您的应用程序中要求您的 JS 和 CSS 文件。[js|css]在您的 application.js 中,附加 //= require default并在您的 application.css 中附加 *= require default,default 分别是您的 JS/CSS 文件的名称。您可以在此处了解有关 Assets 管道的更多信息:http://guides.rubyonrails.org/asset_pipeline.html

关于javascript - 在 Ruby on Rails 中加载 CSS 和 JS 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37619719/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com