kulakowka / react-bulma

React.js components for Modern CSS framework based on Flexbox
https://code-typing-tutor.com
MIT License
471 stars 58 forks source link

ERROR in ./node_modules/bulma/css/bulma.css #16

Open Yolo390 opened 6 years ago

Yolo390 commented 6 years ago

`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...

kulakowka commented 6 years ago

you should use css-loader

code4cake commented 6 years ago

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

diegosanz commented 6 years ago

In your webpack config you need something like that:

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

More info here

curlynux commented 5 years ago

have the same error, someone found the solution ?

di2pro commented 4 years ago

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