尝试将外部 JS 和 CSS 文件添加到我的 rails 应用程序答案

【问题标题】：Trying to add external JS and CSS files to my rails app尝试将外部 JS 和 CSS 文件添加到我的 rails 应用程序
【发布时间】：2016-08-10 15:14:43
【问题描述】：

我正在尝试将外部 css 和 JS 添加到我的 rails 应用程序中。我在 vendor/assets/javascripts 和 vendor/assets/stylesheets 中添加了相关文件。

我尝试通过将这些行添加到 application.scss 来在我的应用中加载这些文件：

@import "stylesheets/nice-select.css";
@import "stylesheets/style.css";

这些行到 application.js ：

//= require javascripts/fastclick.js
//= require javascripts/nice_select.js
//= require javascripts/prism.js

当我在重新启动服务器后尝试启动我的应用程序时：

找不到类型为“application/javascript”的文件“javascripts/fastclick.js”

但是文件 fastclick.js 位于 vendor/assets/javascripts 中。

当我尝试包含这些外部文件时，我做错了什么？

【问题讨论】：

您需要在reuqire 和@import 语句中指定vendor 目录。例如。 //= require ../../../vendor/assets/javascripts/fastclick.js 和 @import "../../../vendor/assets/stylesheets/nice-select.css"。试试这些。

【解决方案1】：

您使用的是 Rails 4 吗？如果是这样，您不需要在脚本路径中包含 javascripts：

//= require fastclick.js
//= require nice_select.js
//= require prism.js

应该为vendor/assets/javascripts/fastclick.js等工作......

如果仍然不起作用，请在application.rb 内的配置块中添加以下内容：

config.assets.paths << Rails.root.join('vendor', 'assets', 'javascripts')

【讨论】：