Reactjs 使用css模块进行反应

我正在为我的项目使用带有css模块的webpack，我尝试安装流行的包react slick来创建slider。它在沙箱中工作得很好，但在最初的项目中我遇到了一些困难。 当我尝试导入

slick.css

和

slick-theme.css

时，我遇到了下一个错误：

Module not found: Can't resolve '~slick-carousel/slick/slick-theme.css'

我已经试图避免的是：

1. 我安装了

npm install file-loader url-loader --save

通过添加下一节更新了我的webpack.config.js

  {
    test: /\.scss$/,
    loader:
      "style!css!sass?outputStyle=expanded&" +
      "includePaths[]=" +
      path.resolve(__dirname, "./node_modules")
  }

没用

2. 取代

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

与

没用

3. 我在项目中手动下载了这两个.css文件，并直接从文件夹中导入它们

没用

---

我应该怎么做才能解决这个问题呢？

您还需要安装

滑动转盘。

react slick
只是库的Javascript部分，
slick carousel
是
css
部分

根据：

更新

这些导入位于css文件中，请注意路径前面的
@

例如，你得到了一个
myStyles.css
文件，在那里你可以导入
slick carousel
样式。
你安装了
slick carousel
？（这不是
react slick
的一部分）是的，以前安装过。请检查我的答案和更新，希望它有帮助谢谢帮助，但在重新安装slick Caroused后我仍然存在此错误。您是否解决了问题？当您使用css模块时，您应该在全局范围内导入这些文件
import 'slick-carousel/slick/slick.css';
import 'slick-carousel/slick/slick-theme.css';

npm install slick-carousel
@import "~slick-carousel/slick/slick.css";
@import "~slick-carousel/slick/slick-theme.css";