Webpack React - CSS Loader Issue

Question

I am getting the following error.

ERROR in ./node_modules/react-clock/dist/Clock.css 1:0

Module parse failed: Unexpected token (1: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

.react-clock { | display: block; | position: relative;

ERROR in ./node_modules/react-time-picker/dist/TimePicker.css 1:0 Module parse failed: Unexpected token (1: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

.react-time-picker { | display: inline-flex; | position: relative; i ｢wdm｣: Failed to compile.

Can you send us your webpack config (at least the module.rules part)? — lavor
– lavor, Commented Oct 16, 2019 at 7:21

Tarun Nagpal · Accepted Answer · 2019-10-16 09:12:48Z

1

I am able to solve the issue by just replacing the code.

Older

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

Newer

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

I was using a css file from the node_modules and it was excluded.

Thanks for the help Guys

answered Oct 16, 2019 at 9:12

Tarun Nagpal

7001 gold badge8 silver badges21 bronze badges

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

Comments

Vishnu · Accepted Answer · 2019-10-16 07:37:01Z

0

You could use css loader for this, Add the following to the rules array in webpack config should be fine:

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

answered Oct 16, 2019 at 7:37

Vishnu

1,7311 gold badge17 silver badges28 bronze badges

Collectives™ on Stack Overflow

Webpack React - CSS Loader Issue

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related