Webpack 错误：无法从我的 webpack.config.js 解析样式加载器答案

【问题标题】：Webpack Error: Can't resolve style-loader from my webpack.config.jsWebpack 错误：无法从我的 webpack.config.js 解析样式加载器
【发布时间】：2021-04-13 01:16:35
【问题描述】：

我使用 django 应用程序创建了一个 django 项目，其中一个包含 React。我基本上是在 Django Rest API 中捕获数据，然后将数据发送到我的 REact，从而呈现“动态”视图。

但是，当我尝试设置我的 react 样式或执行除使用 Javascript 之外的任何其他操作时，我遇到了错误。我现在遇到的错误是在通过文档页面为 webpack 安装 css 加载程序之后：https://www.npmjs.com/package/css-loader，错误说：ERROR in ./src/index.js 3:0-21 Module not found: Error: Can't resolve 'style-loader' in 'C:\Users\andrew.bregman\Documents\AppDev\django-react\django_react\frontend'

这是我的 webpack.config.js：

module.exports = {
    module: {
      rules: [
        {
          test: /\.js$/,
          exclude: /node_modules/,
          use: {
            loader: "babel-loader"
          }
        },
        {
          test: /\.css$/i,
          use: ["style-loader", "css-loader"],
        },
      ]
    }
  };

请让我知道您还想要什么其他文件。提前致谢！

【问题讨论】：

标签： javascript reactjs django webpack

【解决方案1】：

这听起来像你没有安装 style-loader 模块：npm install -D style-loader。 WebPack 文档有点弱；它告诉你安装 css-loader 但它完全忘记告诉你安装 style-loader。

【讨论】：