ruby-on-rails - 无法在 Rails + webpacker 中加载 slick-carousel

Question

尝试通过 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 后开始出现此错误。

应用程序/javascript/packs/frontend.sass：

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

标签： ruby-on-railswebpackwebpacker

Answer 1

导入样式/js 文件

import "slick-carousel";

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