css-loader: Error load CSS, Module build failed: Unknown word (5:1)

im trying load css with webpack, but fail to load, message error :

in ./~/css-loader!./~/style-loader!./~/css-loader!./semantic/dist/semantic.css Module build failed: Unknown word (5:1)

style-loader and css-loader 2 does not work?

but my webpack.base.conf.js :

{ test: /\.css$/, loader: 'style!css' }

What should I do? to solve these

im use vue-cli witk webpack template.

thanks before!

About this issue

  • Original URL
  • State: closed
  • Created 8 years ago
  • Comments: 26 (1 by maintainers)

Most upvoted comments

same. webpack the most shitty software that I ever seen. It’s working by magic and nobody know how to fix it

I fixed it by remove { test: /\.css$/, loader: 'style!css' } from webpack.config.js. But i don’t know why. anyone could tell me ?

@LeoMartinDev @zhyc9de @harwinvoid @yinshipeng @Jacke @rafaelboschini @fengyongze you guys all using VueJS ? If then please use vue-loader instead. I reopen if my assumption is false 😛

i don’t know why it happened , but i found a solution don’t use css loader , just import your css file

@afrianjunior It worked for me after I changed the order of loaders from require('!css-loader!style-loader!./styles.css'); to require('!style-loader!css-loader!./styles.css');

@michael-ciniawsky why need use vue-loader instead? I do it, but have some other question.