在Heroku上部署时找不到在node_modules文件夹中使用npm安装的CSS文件 - Rails 5

Question

我使用Rails 5和npm来提供资产。 我安装了Custombox和Tooltipster：

npm install -save tooltipster

Custombox也是如此。 当我处理localhost时，一切正常（所有文件都在那里），但当我使用git push heroku master在Heroku上部署时 - 我使用NPM安装的所有内容的CSS文件（在node_modules中文件夹）无法找到。我在网络控制台中看到 - 404错误，找不到这些文件。

这是我的application.scss文件：

@import "bootstrap-sprockets";
@import "bootstrap";
@import 'font-awesome';
@import 'tooltipster.css';
@import 'custombox.css';

CSS文件存储在：

node_modules/custombox/dist/custombox.css 和node_modules/tooltipster/dist/css/tooltipster.main.css。 如果我使用@import tooltipster.main.css，则无法在localhost中找到它。

这是config/initializers/assets.rb：

Rails.application.config.assets.paths << Rails.root.join('node_modules')

这是config/environtments/production.rb：

config.assets.compile = true

在部署之前，我做了 - rake assets:precompile。

Answer 1

您是否尝试过使用.css的所有路径？

 @import 'bulma/css/bulma.css';
 @import 'react-select/dist/react-select.css';