Error importing semantic ui css.

[RiatIO]

EDIT: Might be Semantic UI's fault. Sorry for that. But what is this warning and how can I fix it?

(node:36978) DeprecationWarning: loaderUtils.parseQuery() received a non-string value which can be problematic, see webpack/loader-utils#56
parseQuery() will be replaced with getOptions() in the next major version of loader-utils.

---

Found an issue or bug? Tell me all about!

Describe the issue / bug.

Whenever I import the semantic ui css inside of main.js, I get long chain of error message regarding error with the css-loader. I have developed a project the past month and this error has never occurred previously; I tried to create a fresh new project to see if there wasn't anything wrong with my project, but the problem still persists. The error messages don't make much of sense to me, so if you could take a look at it, it'd be awesome.

I also tried to import Bulma, and that worked seemingly, though I noticed this warning (which I also noticed with Semantic Ui):

(node:36978) DeprecationWarning: loaderUtils.parseQuery() received a non-string value which can be problematic, see webpack/loader-utils#56
parseQuery() will be replaced with getOptions() in the next major version of loader-utils.

Webpack error message:

(./app/~/semantic-ui-css/semantic.css 1.82 kB {0} [built] [failed] [1 error])

How can I reproduce this problem?

Go to app folder:

npm install semantic-ui-css --save

Go to main.js

import 'semantic-ui-css/semantic.css'

Tell me about your development environment.

• Node version: v7.5.0
• NPM version: 4.2.0
• vue-cli version: (if necessary)
• Operating System: macOS Sierra