无法在Rails + Webpacker中加载圆滑的传送带

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之后，此错误开始显示。

app / javascript / packs / frontend.sass：

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

Answer 1

现在对此进行了体验，并通过执行以下操作找到了解决方法（注意~应该指向node_modules文件夹）：

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

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

希望这会有所帮助。

Answer 2

导入样式/js文件

import "slick-carousel";

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