无法在 Rails + webpacker 中加载 slick-carousel答案

【问题标题】：Can't load slick-carousel in Rails + webpacker无法在 Rails + webpacker 中加载 slick-carousel
【发布时间】：2019-08-22 01:59:59
【问题描述】：

尝试通过 webpacker 加载 slick-carousel css 文件时，编译过程中抛出以下错误：

ERROR in ./app/javascript/packs/frontend.sass (./node_modules/css-loader/dist/cjs.js??ref--7-1!./node_modules/postcss-loader/src??ref--7-2!./node_modules/sass-loader/dist/cjs.js??ref--7-3!./app/javascript/packs/frontend.sass)
Module not found: Error: Can't resolve './fonts/slick.woff'

前端最初是使用 CRA 创建的并且工作正常，但在迁移到 webpacker 后开始出现此错误。

app/javascript/packs/frontend.sass：

@import "slick-carousel/slick/slick.css";
@import "slick-carousel/slick/slick-theme.css";

【问题讨论】：

标签： ruby-on-rails webpack webpacker

【解决方案1】：

现在遇到了这个问题并通过这样做找到了解决方法（注意~ 它应该指向node_modules 文件夹）：

@import '~slick-carousel/slick/slick.scss';
@import '~slick-carousel/slick/slick-theme.scss';

然后我在这里遵循了这个答案： https://stackoverflow.com/a/56884460

希望这会有所帮助。

【讨论】：

【解决方案2】：

导入样式/js 文件

import "slick-carousel";

@import 'slick-carousel/slick/slick.scss';
@import 'slick-carousel/slick/slick-theme.scss';

【讨论】：