CssSyntaxError with animation property

[4ware]

When i'm running the css-loader with the following code i get an error:

@charset "UTF-8";

.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
z-index: 100;
}

Module build failed: CssSyntaxError: /css-loader!/development/flot.to.web/node_modules/style-loader/index.js!/development/flot.to.web/node_modules/css-loader/index.js!/development/flot.to.web/css/animate.css:5:1: Unknown word

[psypersky]

Same here

[batwicket]

I'm also getting an error when '@charset' is parsed.

[gmaggess]

Has anyone found a fix for this?

[arufian]

got same issue

[kincaidoneil]

I've also experienced this. Animate.css invokes it in the first line, so there's definitely the possibility many others are also encountering it. Any update on a potential fix?

[newbieYoung]

I have solved the problem by changing " require('css!./file.css') " to " import 'file.css' ".I guess when you use babel plugin and css-loader plugin you will meet the problem.

[Sugarball]

got same issue on normalize.css using import "css-loader!normalize.css"

[newbieYoung]

You should change " import 'css-loader!normalize.css' " to " import 'normalize.css' ". The right format is " import + path ".

[jkinzel-r7]

I'm getting this issue because we are compiling SASS including some vendor SASS that has the @charset at the top of the file. Any ideas on work arounds or fixes?

[delijah]

Any news on this?