reactjs - react-day-picker 的加载程序问题

Question

使用 react-day-picker 时，出现以下错误：

You may need an appropriate loader to handle this file type.  
| /* DayPicker styles */ |  
 | .DayPicker { | display: -webkit-box; |  

display: -ms-flexbox; @  
 ./src/components/portfolio/RecordInvestorDetail.react.js 47:0-41  

Module parse failed: /home/yash/Documents/CRONJ/waccal/node_modules/react-day-picker/lib/style.css Line 3: Unexpected token .

_

Answer 1

您必须为 Webpack安装并启用style-loader和：css-loader

npm install style-loader css-loader --save-dev

然后将这些加载器添加到webpack.config.js：

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

Answer 2

我通过添加解决了错误

loaders : [
'style',
]

我已经有了

loaders : [
          'style-loader',
          'css-loader',
          'autoprefixer?browsers=last 2 version',
          'sass-loader?includePaths[]=' + paths.src('styles')
        ]

现在装载机是

loaders : [
          'style',
          'style-loader',
          'css-loader',
          'autoprefixer?browsers=last 2 version',
          'sass-loader?includePaths[]=' + paths.src('styles')
        ]

Answer 3

我之前有这样的配置：

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

并通过删除以下行解决了问题：排除：/node_modules/

我不允许 webpack 通过这个来编译 react-day-picker 中的文件。

正确的：

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