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

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

较旧

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

较新

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

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

感谢您的帮助

Answer 2

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

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

Webpack React-CSS加载程序问题

2 个答案: