Webpack React-CSS Loader Issue

Question

我遇到以下错误。

ERROR in ./node_modules/react-clock/dist/Clock.css 1:0

模块解析失败：意外令牌（1：0）您可能需要适当的加载程序来处理此文件类型，当前没有配置任何加载程序来处理此文件。参见https://webpack.js.org/concepts#loaders

。react-clock {|显示：块；|位置：相对；

./ node_modules / react-time-picker / dist / TimePicker.css 1：0中的错误模块解析失败：意外令牌（1：0）您可能需要适当的加载程序来处理此文件类型，当前没有配置任何加载程序来处理此文件。参见https://webpack.js.org/concepts#loaders

。react-time-picker {|显示：inline-flex;|职位：相对我｢wdm｣：编译失败。

Answer 1

您可以为此使用css loader，将以下内容添加到webpack配置中的rules数组应该没问题：

{
  test: /\.css$/,
  // exclude: /node_modules/,
  use: [
      {
        loader: "style-loader",
      },
      {
        loader: "css-loader",
        options: {
          importLoaders: 1,
        },
      },
    ],
},

Answer 2

我只需替换代码就能解决问题。

较旧

{
       test: /\.css$/,
       exclude: /node_modules/,
       use: ["style-loader", "css-loader"]}

较新

{ test: /\.css$/, use: ["style-loader", "css-loader"] },

我正在使用来自node_modules的css文件，但已将其排除在外。

感谢您的帮助