question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

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

See original GitHub issue

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

Issue Analytics

  • State:open
  • Created 6 years ago
  • Comments:5 (1 by maintainers)

github_iconTop GitHub Comments

2reactions
diegosanzcommented, Jan 30, 2018

In your webpack config you need something like that:

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

More info here

0reactions
di2procommented, Apr 19, 2020

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

Read more comments on GitHub >

github_iconTop Results From Across the Web

Error in bulma/css/bulma.css · Issue #34 · stipsan/bulma-loader
hey guys I'm trying to use bulma and bulma-loader on my project with nextjs , but I keep getting this parsing error: Module...
Read more >
With node-sass | Bulma: Free, open source, and modern CSS ...
Bulma is a free, open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for...
Read more >
After installing bulma through NPM, how can I refer it in my ...
Just copy projectName/node_modules/bulma/css/bulma.css into a file, maybe bulma.css , in either an assets or public or whatever you use, ...
Read more >
Webpack and Bulma CSS compilation Error - Laracasts
In my app.scss file I have the following, it means you don't have to do anything funky like ../../../node_modules/ etc.
Read more >
bulma - npm
Modern CSS framework based on Flexbox. Latest version: 0.9.4, last published: 8 months ago. Start using bulma in your project by running ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found