ERROR in ./node_modules/bulma/css/bulma.css

[Flo Slv]

`ERROR in ./node_modules/bulma/css/bulma.css
Module parse failed: Unexpected character '@' (2:0)

You may need an appropriate loader to handle this file type.
| /*! bulma.io v0.6.1 | MIT License | github.com/jgthms/bulma */
| @-webkit-keyframes spinAround {
| from {
| -webkit-transform: rotate(0deg);
@ ./app/main.jsx 24:0-30
@ multi ./app/main webpack-hot-middleware/client`

I don't know if the problem comes from Webpack or Bulma...

[Anton Kulakov]

you should use css-loader

[code4cake]

@Bigg-Mike did you solve this issue? I'm having the same issue. Thanks

[Diego]

In your webpack config you need something like that:

module: {
  rules: [{
    test: /\.css$/,
    use: [
      {
        loader: 'css-loader',
        options: { modules: true }
      }
    ]
  }]
}

More info here

[curlynux]

have the same error, someone found the solution ?

[Dmitry Uvarov]

I solved this problem by removing exclude: /node_modules/ line from the rule for css files without adding the option for CSS modules