React library problem with importing CSS stylesheet

Question

i am using https://github.com/0wczar/airframe-react and i want to implement there a map with react-leaflet library. When i am trying to import import "leaflet/dist/leaflet.css"; to style my map i got error like this:

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

Module parse failed: Unexpected token (3:0) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | /* required styles */ |

.leaflet-pane, | .leaflet-tile, | .leaflet-marker-icon,

What should i do to resolve this?

Yogesh · Accepted Answer · 2019-11-16 07:37:05Z

1

Make sure you have css-loader and style-loader as your dev-dependency, if not install them with npm install --save-dev style-loader and then check your webpack config, adding this to your webpack.config.js will do

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

answered Nov 16, 2019 at 7:37

Yogesh

4281 gold badge4 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

modsell Over a year ago

I do not have webpack.config.js but i have postcss.config.js and I installed style-loader and added code there like that: module.exports = { plugins: [ require('autoprefixer') ], module:{ rules:[ { test:/\.css$/, use:['style-loader','css-loader'] } ] }, };

Yogesh Over a year ago

You will have to specify your post-css config to webpack for the post-css config to actually make effect as specified here github.com/postcss/postcss-loader#usage , try creating webpack.config.js file on the root folder and follow the docs. Hope that'll help.

Sajad Torkamani · Accepted Answer · 2019-11-16 07:37:32Z

I'm guessing you are using webpack. If so, you'll need to add a webpack loader to handle importing CSS files.

You should be able to use css-loader for your current problem.

Collectives™ on Stack Overflow

React library problem with importing CSS stylesheet

2 Answers 2

2 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Related