时间戳

首页 > 解决方案 > 导入 CSS 样式表时反应库问题

reactjs - 导入 CSS 样式表时反应库问题

问题描述

我正在使用https://github.com/0wczar/airframe-react，我想在那里实现一个带有 react-leaflet 库的地图。当我尝试导入导入“leaflet/dist/leaflet.css”时；为我的地图设置样式，我遇到了这样的错误：

ERROR in ./node_modules/leaflet/dist/leaflet.css 3:0

Module parse failed: Unexpected token (3:0) 您可能需要适当的加载器来处理此文件类型，目前没有配置加载器来处理此文件。见https://webpack.js.org/concepts#loaders | /* 需要的样式 */ |

.传单窗格，| .传单瓷砖，| .leaflet-marker-icon,

我应该怎么做才能解决这个问题？

标签： reactjsimportleaflet

解决方案

确保你有 css-loader 和 style-loader 作为你的开发依赖，如果没有安装它们npm install --save-dev style-loader然后检查你的 webpack 配置，把它添加到你的 webpack.config.js 就可以了

module.exports = {
  module: {
    rules: [
      {
        test: /\.css$/i,
        use: ['style-loader', 'css-loader'],
      },
    ],
  },
};

推荐阅读