Reactjs 在固定数据表2中导入CSS文件时出错

我使用固定数据表2（0.8.13）和React（15.4.2）。 然而，当我导入CSS文件时，我得到了一个错误

模块分析失败： /用户/Desktop/ReactReduxStore/node_模块/fixed-data-table-2/dist/fixed-data-table.css 意外令牌（23:0）您可能需要适当的加载程序来处理 此文件类型无效

我将按如下方式导入它：

import 'fixed-data-table-2/dist/fixed-data-table.css';

---

您必须添加

css

加载程序才能导入它们

添加

css加载器

和

样式加载器

：

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

然后在

webpack.config.js中执行以下操作：

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

注意：

WebpackV1中的
module.loaders
现在是WebpackV2+中的
module.rules
。
旧的加载器配置被更强大的规则系统取代，该系统允许配置加载器等。出于兼容性原因，旧的module.loaders语法仍然有效，旧名称将被解析。新的命名约定更容易理解，并且是将配置升级为使用module.rules的好理由

添加您的
webpack.config.js
代码//webpack.config.js
module.exports={entry:'./src/main.js'，输出：{filename:'bundle.js'}，模块：{loaders:[{loader:'babel loader'，test:/\.js$/，排除：/node\u modules/}]}，devServer:{port:3000}