Module parse failed codemirror.css You may need an appropriate loader to handle this file type.

I am beginner with vueJS and also to all the toolkits around it I guess my webpack.config.js is missing something

My package.json

{
  "name": "admin",
  "description": "A Vue.js project",
  "version": "1.0.0",
  "author": "admin",
  "private": true,
  "scripts": {
    "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot",
    "build": "cross-env NODE_ENV=production webpack --progress --hide-modules"
  },
  "dependencies": {
    "vue": "^2.3.3",
    "vue-codemirror": "^3.0.8"
  },
  "devDependencies": {
    "babel-core": "^6.0.0",
    "babel-loader": "^6.0.0",
    "babel-preset-env": "^1.5.1",
    "cross-env": "^3.0.0",
    "css-loader": "^0.25.0",
    "file-loader": "^0.9.0",
    "vue-loader": "^12.1.0",
    "vue-template-compiler": "^2.3.3",
    "webpack": "^2.6.1",
    "webpack-dev-server": "^2.4.5"
  }
}

My webpack.config.js

var path = require('path')
var webpack = require('webpack')

module.exports = {
  entry: './src/main.js',
  output: {
    path: path.resolve(__dirname, './dist'),
    publicPath: '/dist/',
    filename: 'build.js'
  },
  module: {
    rules: [
      {
        test: /\.vue$/,
        loader: 'vue-loader',
        options: {
          loaders: {
          }
          // other vue-loader options go here
        }
      },
      {
        test: /\.js$/,
        loader: 'babel-loader',
        exclude: /node_modules/
      },
      {
        test: /\.(png|jpg|gif|svg)$/,
        loader: 'file-loader',
        options: {
          name: '[name].[ext]?[hash]'
        }
      }
    ]
  },
  resolve: {
    alias: {
      'vue$': 'vue/dist/vue.esm.js'
    }
  },
  devServer: {
    historyApiFallback: true,
    noInfo: true
  },
  performance: {
    hints: false
  },
  devtool: '#eval-source-map'
}

if (process.env.NODE_ENV === 'production') {
  module.exports.devtool = '#source-map'
  // http://vue-loader.vuejs.org/en/workflow/production.html
  module.exports.plugins = (module.exports.plugins || []).concat([
    new webpack.DefinePlugin({
      'process.env': {
        NODE_ENV: '"production"'
      }
    }),
    new webpack.optimize.UglifyJsPlugin({
      sourceMap: true,
      compress: {
        warnings: false
      }
    }),
    new webpack.LoaderOptionsPlugin({
      minimize: true
    })
  ])
}

My main.js

import Vue from 'vue'
import App from './App.vue'
import VueCodeMirror from 'vue-codemirror'

Vue.use(VueCodeMirror);

new Vue({
  el: '#app',
  render: h => h(App)
});

My App.vue

<template>
    <div>
        <codemirror v-model="code" :options="editorOptions"></codemirror>

        <codemirror ref="myEditor"
                    :code="code"
                    :options="editorOptions"
                    @ready="onEditorReady"
                    @focus="onEditorFocus"
                    @change="onEditorCodeChange">
        </codemirror>
    </div>
</template>

<script>
    // Similarly, you can also introduce the resource pack you want to use within the component
    // require('codemirror/some-resource')
    export default {
        data () {
            return {
                code: 'const a = 10',
                editorOptions: {
                    // codemirror options
                    tabSize: 4,
                    mode: 'text/javascript',
                    theme: 'base16-dark',
                    lineNumbers: true,
                    line: true,
                    // sublime、emacs、vim三种键位模式，支持你的不同操作习惯
                    keyMap: "sublime",
                    // 按键映射，比如Ctrl键映射autocomplete，autocomplete是hint代码提示事件
                    extraKeys: {"Ctrl": "autocomplete"},
                    // 代码折叠
                    foldGutter: true,
                    gutters: ["CodeMirror-linenumbers", "CodeMirror-foldgutter"],
                    // 选中文本自动高亮，及高亮方式
                    styleSelectedText: true,
                    highlightSelectionMatches: {showToken: /\w/, annotateScrollbar: true},
                    // more codemirror config...
                    // 如果有hint方面的配置，也应该出现在这里
                }
            }
        },
        methods: {
            onEditorReady(editor) {
                console.log('the editor is readied!', editor)
            },
            onEditorFocus(editor) {
                console.log('the editor is focus!', editor)
            },
            onEditorCodeChange(newCode) {
                console.log('this is new code', newCode)
                this.code = newCode
            }
        },
        computed: {
            editor() {
                return this.$refs.myEditor.editor
            }
        },
        mounted() {
            console.log('this is current editor object', this.editor)
            // you can use this.editor to do something...
        }
    }
</script>

On running npm run dev

WARNING in ./~/codemirror/theme/3024-day.css
Module parse failed: C:\Users\alibh\IdeaProjects\admin\node_modules\codemirror\theme\3024-day.css Unexpected token (11:0)
You may need an appropriate loader to handle this file type.
| */
|
| .cm-s-3024-day.CodeMirror { background: #f7f7f7; color: #3a3432; }
| .cm-s-3024-day div.CodeMirror-selected { background: #d6d5d4; }
|
 @ ./~/codemirror/theme ^\.\/.*\.css$
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

WARNING in ./~/codemirror/theme/3024-night.css
Module parse failed: C:\Users\alibh\IdeaProjects\admin\node_modules\codemirror\theme\3024-night.css Unexpected token (11:0)
You may need an appropriate loader to handle this file type.
| */
|
| .cm-s-3024-night.CodeMirror { background: #090300; color: #d6d5d4; }
| .cm-s-3024-night div.CodeMirror-selected { background: #3a3432; }
| .cm-s-3024-night .CodeMirror-line::selection, .cm-s-3024-night .CodeMirror-line > span::selection, .cm-s-3024-night .CodeMirror-line > span > span::selection { background: rgba(58,
 52, 50, .99); }
 @ ./~/codemirror/theme ^\.\/.*\.css$
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

WARNING in ./~/codemirror/theme/abcdef.css
Module parse failed: C:\Users\alibh\IdeaProjects\admin\node_modules\codemirror\theme\abcdef.css Unexpected token (1:0)
You may need an appropriate loader to handle this file type.
| .cm-s-abcdef.CodeMirror { background: #0f0f0f; color: #defdef; }
| .cm-s-abcdef div.CodeMirror-selected { background: #515151; }
| .cm-s-abcdef .CodeMirror-line::selection, .cm-s-abcdef .CodeMirror-line > span::selection, .cm-s-abcdef .CodeMirror-line > span > span::selection { background: rgba(56, 56, 56, 0.9
9); }
 @ ./~/codemirror/theme ^\.\/.*\.css$
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

WARNING in ./~/codemirror/theme/ambiance-mobile.css
Module parse failed: C:\Users\alibh\IdeaProjects\admin\node_modules\codemirror\theme\ambiance-mobile.css Unexpected token (1:0)
You may need an appropriate loader to handle this file type.
| .cm-s-ambiance.CodeMirror {
|   -webkit-box-shadow: none;
|   -moz-box-shadow: none;
 @ ./~/codemirror/theme ^\.\/.*\.css$
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

WARNING in ./~/codemirror/theme/ambiance.css
Module parse failed: C:\Users\alibh\IdeaProjects\admin\node_modules\codemirror\theme\ambiance.css Unexpected token (5:0)
You may need an appropriate loader to handle this file type.
| /* Color scheme */
|
| .cm-s-ambiance .cm-header { color: blue; }
| .cm-s-ambiance .cm-quote { color: #24C2C7; }
|
 @ ./~/codemirror/theme ^\.\/.*\.css$
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

WARNING in ./~/codemirror/theme/base16-dark.css
Module parse failed: C:\Users\alibh\IdeaProjects\admin\node_modules\codemirror\theme\base16-dark.css Unexpected token (11:0)
You may need an appropriate loader to handle this file type.
| */
|
| .cm-s-base16-dark.CodeMirror { background: #151515; color: #e0e0e0; }
| .cm-s-base16-dark div.CodeMirror-selected { background: #303030; }
| .cm-s-base16-dark .CodeMirror-line::selection, .cm-s-base16-dark .CodeMirror-line > span::selection, .cm-s-base16-dark .CodeMirror-line > span > span::selection { background: rgba(
48, 48, 48, .99); }
 @ ./~/codemirror/theme ^\.\/.*\.css$
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

WARNING in ./~/codemirror/theme/base16-light.css
Module parse failed: C:\Users\alibh\IdeaProjects\admin\node_modules\codemirror\theme\base16-light.css Unexpected token (11:0)
You may need an appropriate loader to handle this file type.
| */
|
| .cm-s-base16-light.CodeMirror { background: #f5f5f5; color: #202020; }
| .cm-s-base16-light div.CodeMirror-selected { background: #e0e0e0; }
| .cm-s-base16-light .CodeMirror-line::selection, .cm-s-base16-light .CodeMirror-line > span::selection, .cm-s-base16-light .CodeMirror-line > span > span::selection { background: #e
0e0e0; }
 @ ./~/codemirror/theme ^\.\/.*\.css$
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

WARNING in ./~/codemirror/theme/bespin.css
Module parse failed: C:\Users\alibh\IdeaProjects\admin\node_modules\codemirror\theme\bespin.css Unexpected token (11:0)
You may need an appropriate loader to handle this file type.
| */
|
| .cm-s-bespin.CodeMirror {background: #28211c; color: #9d9b97;}
| .cm-s-bespin div.CodeMirror-selected {background: #36312e !important;}
| .cm-s-bespin .CodeMirror-gutters {background: #28211c; border-right: 0px;}
 @ ./~/codemirror/theme ^\.\/.*\.css$
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

WARNING in ./~/codemirror/theme/blackboard.css
Module parse failed: C:\Users\alibh\IdeaProjects\admin\node_modules\codemirror\theme\blackboard.css Unexpected token (3:0)
You may need an appropriate loader to handle this file type.
| /* Port of TextMate's Blackboard theme */
|
| .cm-s-blackboard.CodeMirror { background: #0C1021; color: #F8F8F8; }
| .cm-s-blackboard div.CodeMirror-selected { background: #253B76; }
| .cm-s-blackboard .CodeMirror-line::selection, .cm-s-blackboard .CodeMirror-line > span::selection, .cm-s-blackboard .CodeMirror-line > span > span::selection { background: rgba(37,
 59, 118, .99); }
 @ ./~/codemirror/theme ^\.\/.*\.css$
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

WARNING in ./~/codemirror/theme/cobalt.css
Module parse failed: C:\Users\alibh\IdeaProjects\admin\node_modules\codemirror\theme\cobalt.css Unexpected token (1:0)
You may need an appropriate loader to handle this file type.
| .cm-s-cobalt.CodeMirror { background: #002240; color: white; }
| .cm-s-cobalt div.CodeMirror-selected { background: #b36539; }
| .cm-s-cobalt .CodeMirror-line::selection, .cm-s-cobalt .CodeMirror-line > span::selection, .cm-s-cobalt .CodeMirror-line > span > span::selection { background: rgba(179, 101, 57, .
99); }
 @ ./~/codemirror/theme ^\.\/.*\.css$
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

WARNING in ./~/codemirror/theme/colorforth.css
Module parse failed: C:\Users\alibh\IdeaProjects\admin\node_modules\codemirror\theme\colorforth.css Unexpected token (1:0)
You may need an appropriate loader to handle this file type.
| .cm-s-colorforth.CodeMirror { background: #000000; color: #f8f8f8; }
| .cm-s-colorforth .CodeMirror-gutters { background: #0a001f; border-right: 1px solid #aaa; }
| .cm-s-colorforth .CodeMirror-guttermarker { color: #FFBD40; }
 @ ./~/codemirror/theme ^\.\/.*\.css$
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

WARNING in ./~/codemirror/theme/dracula.css
Module parse failed: C:\Users\alibh\IdeaProjects\admin\node_modules\codemirror\theme\dracula.css Unexpected token (11:0)
You may need an appropriate loader to handle this file type.
|
|
| .cm-s-dracula.CodeMirror, .cm-s-dracula .CodeMirror-gutters {
|   background-color: #282a36 !important;
|   color: #f8f8f2 !important;
 @ ./~/codemirror/theme ^\.\/.*\.css$
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

WARNING in ./~/codemirror/theme/duotone-dark.css
Module parse failed: C:\Users\alibh\IdeaProjects\admin\node_modules\codemirror\theme\duotone-dark.css Unexpected token (8:0)
You may need an appropriate loader to handle this file type.
| */
|
| .cm-s-duotone-dark.CodeMirror { background: #2a2734; color: #6c6783; }
| .cm-s-duotone-dark div.CodeMirror-selected { background: #545167!important; }
| .cm-s-duotone-dark .CodeMirror-gutters { background: #2a2734; border-right: 0px; }
 @ ./~/codemirror/theme ^\.\/.*\.css$
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

WARNING in ./~/codemirror/theme/duotone-light.css
Module parse failed: C:\Users\alibh\IdeaProjects\admin\node_modules\codemirror\theme\duotone-light.css Unexpected token (8:0)
You may need an appropriate loader to handle this file type.
| */
|
| .cm-s-duotone-light.CodeMirror { background: #faf8f5; color: #b29762; }
| .cm-s-duotone-light div.CodeMirror-selected { background: #e3dcce !important; }
| .cm-s-duotone-light .CodeMirror-gutters { background: #faf8f5; border-right: 0px; }
 @ ./~/codemirror/theme ^\.\/.*\.css$
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

WARNING in ./~/codemirror/theme/eclipse.css
Module parse failed: C:\Users\alibh\IdeaProjects\admin\node_modules\codemirror\theme\eclipse.css Unexpected token (1:0)
You may need an appropriate loader to handle this file type.
| .cm-s-eclipse span.cm-meta { color: #FF1717; }
| .cm-s-eclipse span.cm-keyword { line-height: 1em; font-weight: bold; color: #7F0055; }
| .cm-s-eclipse span.cm-atom { color: #219; }
 @ ./~/codemirror/theme ^\.\/.*\.css$
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

WARNING in ./~/codemirror/theme/elegant.css
Module parse failed: C:\Users\alibh\IdeaProjects\admin\node_modules\codemirror\theme\elegant.css Unexpected token (1:0)
You may need an appropriate loader to handle this file type.
| .cm-s-elegant span.cm-number, .cm-s-elegant span.cm-string, .cm-s-elegant span.cm-atom { color: #762; }
| .cm-s-elegant span.cm-comment { color: #262; font-style: italic; line-height: 1em; }
| .cm-s-elegant span.cm-meta { color: #555; font-style: italic; line-height: 1em; }
 @ ./~/codemirror/theme ^\.\/.*\.css$
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

WARNING in ./~/codemirror/theme/erlang-dark.css
Module parse failed: C:\Users\alibh\IdeaProjects\admin\node_modules\codemirror\theme\erlang-dark.css Unexpected token (1:0)
You may need an appropriate loader to handle this file type.
| .cm-s-erlang-dark.CodeMirror { background: #002240; color: white; }
| .cm-s-erlang-dark div.CodeMirror-selected { background: #b36539; }
| .cm-s-erlang-dark .CodeMirror-line::selection, .cm-s-erlang-dark .CodeMirror-line > span::selection, .cm-s-erlang-dark .CodeMirror-line > span > span::selection { background: rgba(
179, 101, 57, .99); }
 @ ./~/codemirror/theme ^\.\/.*\.css$
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

WARNING in ./~/codemirror/theme/hopscotch.css
Module parse failed: C:\Users\alibh\IdeaProjects\admin\node_modules\codemirror\theme\hopscotch.css Unexpected token (11:0)
You may need an appropriate loader to handle this file type.
| */
|
| .cm-s-hopscotch.CodeMirror {background: #322931; color: #d5d3d5;}
| .cm-s-hopscotch div.CodeMirror-selected {background: #433b42 !important;}
| .cm-s-hopscotch .CodeMirror-gutters {background: #322931; border-right: 0px;}
 @ ./~/codemirror/theme ^\.\/.*\.css$
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

WARNING in ./~/codemirror/theme/icecoder.css
Module parse failed: C:\Users\alibh\IdeaProjects\admin\node_modules\codemirror\theme\icecoder.css Unexpected token (5:0)
You may need an appropriate loader to handle this file type.
| */
|
| .cm-s-icecoder { color: #666; background: #1d1d1b; }
|
| .cm-s-icecoder span.cm-keyword { color: #eee; font-weight:bold; }  /* off-white 1 */
 @ ./~/codemirror/theme ^\.\/.*\.css$
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

WARNING in ./~/codemirror/theme/isotope.css
Module parse failed: C:\Users\alibh\IdeaProjects\admin\node_modules\codemirror\theme\isotope.css Unexpected token (11:0)
You may need an appropriate loader to handle this file type.
| */
|
| .cm-s-isotope.CodeMirror {background: #000000; color: #e0e0e0;}
| .cm-s-isotope div.CodeMirror-selected {background: #404040 !important;}
| .cm-s-isotope .CodeMirror-gutters {background: #000000; border-right: 0px;}
 @ ./~/codemirror/theme ^\.\/.*\.css$
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

WARNING in ./~/codemirror/theme/lesser-dark.css
Module parse failed: C:\Users\alibh\IdeaProjects\admin\node_modules\codemirror\theme\lesser-dark.css Unexpected token (5:0)
You may need an appropriate loader to handle this file type.
| Ported to CodeMirror by Peter Kroon
| */
| .cm-s-lesser-dark {
|   line-height: 1.3em;
| }
 @ ./~/codemirror/theme ^\.\/.*\.css$
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

WARNING in ./~/codemirror/theme/liquibyte.css
Module parse failed: C:\Users\alibh\IdeaProjects\admin\node_modules\codemirror\theme\liquibyte.css Unexpected token (1:0)
You may need an appropriate loader to handle this file type.
| .cm-s-liquibyte.CodeMirror {
|       background-color: #000;
|       color: #fff;
 @ ./~/codemirror/theme ^\.\/.*\.css$
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

WARNING in ./~/codemirror/theme/material.css
Module parse failed: C:\Users\alibh\IdeaProjects\admin\node_modules\codemirror\theme\material.css Unexpected token (10:0)
You may need an appropriate loader to handle this file type.
| */
|
| .cm-s-material.CodeMirror {
|   background-color: #263238;
|   color: rgba(233, 237, 237, 1);
 @ ./~/codemirror/theme ^\.\/.*\.css$
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

WARNING in ./~/codemirror/theme/mbo.css
Module parse failed: C:\Users\alibh\IdeaProjects\admin\node_modules\codemirror\theme\mbo.css Unexpected token (7:0)
You may need an appropriate loader to handle this file type.
| /****************************************************************/
|
| .cm-s-mbo.CodeMirror { background: #2c2c2c; color: #ffffec; }
| .cm-s-mbo div.CodeMirror-selected { background: #716C62; }
| .cm-s-mbo .CodeMirror-line::selection, .cm-s-mbo .CodeMirror-line > span::selection, .cm-s-mbo .CodeMirror-line > span > span::selection { background: rgba(113, 108, 98, .99); }
 @ ./~/codemirror/theme ^\.\/.*\.css$
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

WARNING in ./~/codemirror/theme/mdn-like.css
Module parse failed: C:\Users\alibh\IdeaProjects\admin\node_modules\codemirror\theme\mdn-like.css Unexpected token (10:0)
You may need an appropriate loader to handle this file type.
|
| */
| .cm-s-mdn-like.CodeMirror { color: #999; background-color: #fff; }
| .cm-s-mdn-like div.CodeMirror-selected { background: #cfc; }
| .cm-s-mdn-like .CodeMirror-line::selection, .cm-s-mdn-like .CodeMirror-line > span::selection, .cm-s-mdn-like .CodeMirror-line > span > span::selection { background: #cfc; }
 @ ./~/codemirror/theme ^\.\/.*\.css$
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

WARNING in ./~/codemirror/theme/midnight.css
Module parse failed: C:\Users\alibh\IdeaProjects\admin\node_modules\codemirror\theme\midnight.css Unexpected token (4:0)
You may need an appropriate loader to handle this file type.
|
| /*<!--match-->*/
| .cm-s-midnight span.CodeMirror-matchhighlight { background: #494949; }
| .cm-s-midnight.CodeMirror-focused span.CodeMirror-matchhighlight { background: #314D67 !important; }
|
 @ ./~/codemirror/theme ^\.\/.*\.css$
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

WARNING in ./~/codemirror/theme/monokai.css
Module parse failed: C:\Users\alibh\IdeaProjects\admin\node_modules\codemirror\theme\monokai.css Unexpected token (3:0)
You may need an appropriate loader to handle this file type.
| /* Based on Sublime Text's Monokai theme */
|
| .cm-s-monokai.CodeMirror { background: #272822; color: #f8f8f2; }
| .cm-s-monokai div.CodeMirror-selected { background: #49483E; }
| .cm-s-monokai .CodeMirror-line::selection, .cm-s-monokai .CodeMirror-line > span::selection, .cm-s-monokai .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62,
.99); }
 @ ./~/codemirror/theme ^\.\/.*\.css$
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

WARNING in ./~/codemirror/theme/neat.css
Module parse failed: C:\Users\alibh\IdeaProjects\admin\node_modules\codemirror\theme\neat.css Unexpected token (1:0)
You may need an appropriate loader to handle this file type.
| .cm-s-neat span.cm-comment { color: #a86; }
| .cm-s-neat span.cm-keyword { line-height: 1em; font-weight: bold; color: blue; }
| .cm-s-neat span.cm-string { color: #a22; }
 @ ./~/codemirror/theme ^\.\/.*\.css$
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

WARNING in ./~/codemirror/theme/neo.css
Module parse failed: C:\Users\alibh\IdeaProjects\admin\node_modules\codemirror\theme\neo.css Unexpected token (5:0)
You may need an appropriate loader to handle this file type.
| /* Color scheme */
|
| .cm-s-neo.CodeMirror {
|   background-color:#ffffff;
|   color:#2e383c;
 @ ./~/codemirror/theme ^\.\/.*\.css$
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

WARNING in ./~/codemirror/theme/night.css
Module parse failed: C:\Users\alibh\IdeaProjects\admin\node_modules\codemirror\theme\night.css Unexpected token (3:0)
You may need an appropriate loader to handle this file type.
| /* Loosely based on the Midnight Textmate theme */
|
| .cm-s-night.CodeMirror { background: #0a001f; color: #f8f8f8; }
| .cm-s-night div.CodeMirror-selected { background: #447; }
| .cm-s-night .CodeMirror-line::selection, .cm-s-night .CodeMirror-line > span::selection, .cm-s-night .CodeMirror-line > span > span::selection { background: rgba(68, 68, 119, .99);
 }
 @ ./~/codemirror/theme ^\.\/.*\.css$
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

WARNING in ./~/codemirror/theme/panda-syntax.css
Module parse failed: C:\Users\alibh\IdeaProjects\admin\node_modules\codemirror\theme\panda-syntax.css Unexpected token (6:0)
You may need an appropriate loader to handle this file type.
|       CodeMirror template by Siamak Mokhtari (https://github.com/siamak/atom-panda-syntax)
| */
| .cm-s-panda-syntax {
|       background: #292A2B;
|       color: #E6E6E6;
 @ ./~/codemirror/theme ^\.\/.*\.css$
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

WARNING in ./~/codemirror/theme/paraiso-dark.css
Module parse failed: C:\Users\alibh\IdeaProjects\admin\node_modules\codemirror\theme\paraiso-dark.css Unexpected token (11:0)
You may need an appropriate loader to handle this file type.
| */
|
| .cm-s-paraiso-dark.CodeMirror { background: #2f1e2e; color: #b9b6b0; }
| .cm-s-paraiso-dark div.CodeMirror-selected { background: #41323f; }
| .cm-s-paraiso-dark .CodeMirror-line::selection, .cm-s-paraiso-dark .CodeMirror-line > span::selection, .cm-s-paraiso-dark .CodeMirror-line > span > span::selection { background: rg
ba(65, 50, 63, .99); }
 @ ./~/codemirror/theme ^\.\/.*\.css$
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

WARNING in ./~/codemirror/theme/paraiso-light.css
Module parse failed: C:\Users\alibh\IdeaProjects\admin\node_modules\codemirror\theme\paraiso-light.css Unexpected token (11:0)
You may need an appropriate loader to handle this file type.
| */
|
| .cm-s-paraiso-light.CodeMirror { background: #e7e9db; color: #41323f; }
| .cm-s-paraiso-light div.CodeMirror-selected { background: #b9b6b0; }
| .cm-s-paraiso-light .CodeMirror-line::selection, .cm-s-paraiso-light .CodeMirror-line > span::selection, .cm-s-paraiso-light .CodeMirror-line > span > span::selection { background:
 #b9b6b0; }
 @ ./~/codemirror/theme ^\.\/.*\.css$
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

WARNING in ./~/codemirror/theme/pastel-on-dark.css
Module parse failed: C:\Users\alibh\IdeaProjects\admin\node_modules\codemirror\theme\pastel-on-dark.css Unexpected token (10:0)
You may need an appropriate loader to handle this file type.
|  */
|
| .cm-s-pastel-on-dark.CodeMirror {
|       background: #2c2827;
|       color: #8F938F;
 @ ./~/codemirror/theme ^\.\/.*\.css$
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

WARNING in ./~/codemirror/theme/railscasts.css
Module parse failed: C:\Users\alibh\IdeaProjects\admin\node_modules\codemirror\theme\railscasts.css Unexpected token (11:0)
You may need an appropriate loader to handle this file type.
| */
|
| .cm-s-railscasts.CodeMirror {background: #2b2b2b; color: #f4f1ed;}
| .cm-s-railscasts div.CodeMirror-selected {background: #272935 !important;}
| .cm-s-railscasts .CodeMirror-gutters {background: #2b2b2b; border-right: 0px;}
 @ ./~/codemirror/theme ^\.\/.*\.css$
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

WARNING in ./~/codemirror/theme/rubyblue.css
Module parse failed: C:\Users\alibh\IdeaProjects\admin\node_modules\codemirror\theme\rubyblue.css Unexpected token (1:0)
You may need an appropriate loader to handle this file type.
| .cm-s-rubyblue.CodeMirror { background: #112435; color: white; }
| .cm-s-rubyblue div.CodeMirror-selected { background: #38566F; }
| .cm-s-rubyblue .CodeMirror-line::selection, .cm-s-rubyblue .CodeMirror-line > span::selection, .cm-s-rubyblue .CodeMirror-line > span > span::selection { background: rgba(56, 86, 1
11, 0.99); }
 @ ./~/codemirror/theme ^\.\/.*\.css$
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

WARNING in ./~/codemirror/theme/seti.css
Module parse failed: C:\Users\alibh\IdeaProjects\admin\node_modules\codemirror\theme\seti.css Unexpected token (11:0)
You may need an appropriate loader to handle this file type.
|
|
| .cm-s-seti.CodeMirror {
|   background-color: #151718 !important;
|   color: #CFD2D1 !important;
 @ ./~/codemirror/theme ^\.\/.*\.css$
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

WARNING in ./~/codemirror/theme/solarized.css
Module parse failed: C:\Users\alibh\IdeaProjects\admin\node_modules\codemirror\theme\solarized.css Unexpected token (11:0)
You may need an appropriate loader to handle this file type.
| */
|
| .solarized.base03 { color: #002b36; }
| .solarized.base02 { color: #073642; }
| .solarized.base01 { color: #586e75; }
 @ ./~/codemirror/theme ^\.\/.*\.css$
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

WARNING in ./~/codemirror/theme/the-matrix.css
Module parse failed: C:\Users\alibh\IdeaProjects\admin\node_modules\codemirror\theme\the-matrix.css Unexpected token (1:0)
You may need an appropriate loader to handle this file type.
| .cm-s-the-matrix.CodeMirror { background: #000000; color: #00FF00; }
| .cm-s-the-matrix div.CodeMirror-selected { background: #2D2D2D; }
| .cm-s-the-matrix .CodeMirror-line::selection, .cm-s-the-matrix .CodeMirror-line > span::selection, .cm-s-the-matrix .CodeMirror-line > span > span::selection { background: rgba(45,
 45, 45, 0.99); }
 @ ./~/codemirror/theme ^\.\/.*\.css$
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

WARNING in ./~/codemirror/theme/tomorrow-night-bright.css
Module parse failed: C:\Users\alibh\IdeaProjects\admin\node_modules\codemirror\theme\tomorrow-night-bright.css Unexpected token (10:0)
You may need an appropriate loader to handle this file type.
| */
|
| .cm-s-tomorrow-night-bright.CodeMirror { background: #000000; color: #eaeaea; }
| .cm-s-tomorrow-night-bright div.CodeMirror-selected { background: #424242; }
| .cm-s-tomorrow-night-bright .CodeMirror-gutters { background: #000000; border-right: 0px; }
 @ ./~/codemirror/theme ^\.\/.*\.css$
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

WARNING in ./~/codemirror/theme/tomorrow-night-eighties.css
Module parse failed: C:\Users\alibh\IdeaProjects\admin\node_modules\codemirror\theme\tomorrow-night-eighties.css Unexpected token (11:0)
You may need an appropriate loader to handle this file type.
| */
|
| .cm-s-tomorrow-night-eighties.CodeMirror { background: #000000; color: #CCCCCC; }
| .cm-s-tomorrow-night-eighties div.CodeMirror-selected { background: #2D2D2D; }
| .cm-s-tomorrow-night-eighties .CodeMirror-line::selection, .cm-s-tomorrow-night-eighties .CodeMirror-line > span::selection, .cm-s-tomorrow-night-eighties .CodeMirror-line > span >
 span::selection { background: rgba(45, 45, 45, 0.99); }
 @ ./~/codemirror/theme ^\.\/.*\.css$
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

WARNING in ./~/codemirror/theme/ttcn.css
Module parse failed: C:\Users\alibh\IdeaProjects\admin\node_modules\codemirror\theme\ttcn.css Unexpected token (1:0)
You may need an appropriate loader to handle this file type.
| .cm-s-ttcn .cm-quote { color: #090; }
| .cm-s-ttcn .cm-negative { color: #d44; }
| .cm-s-ttcn .cm-positive { color: #292; }
 @ ./~/codemirror/theme ^\.\/.*\.css$
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

WARNING in ./~/codemirror/theme/twilight.css
Module parse failed: C:\Users\alibh\IdeaProjects\admin\node_modules\codemirror\theme\twilight.css Unexpected token (1:0)
You may need an appropriate loader to handle this file type.
| .cm-s-twilight.CodeMirror { background: #141414; color: #f7f7f7; } /**/
| .cm-s-twilight div.CodeMirror-selected { background: #323232; } /**/
| .cm-s-twilight .CodeMirror-line::selection, .cm-s-twilight .CodeMirror-line > span::selection, .cm-s-twilight .CodeMirror-line > span > span::selection { background: rgba(50, 50, 5
0, 0.99); }
 @ ./~/codemirror/theme ^\.\/.*\.css$
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

WARNING in ./~/codemirror/theme/vibrant-ink.css
Module parse failed: C:\Users\alibh\IdeaProjects\admin\node_modules\codemirror\theme\vibrant-ink.css Unexpected token (3:0)
You may need an appropriate loader to handle this file type.
| /* Taken from the popular Visual Studio Vibrant Ink Schema */
|
| .cm-s-vibrant-ink.CodeMirror { background: black; color: white; }
| .cm-s-vibrant-ink div.CodeMirror-selected { background: #35493c; }
| .cm-s-vibrant-ink .CodeMirror-line::selection, .cm-s-vibrant-ink .CodeMirror-line > span::selection, .cm-s-vibrant-ink .CodeMirror-line > span > span::selection { background: rgba(
53, 73, 60, 0.99); }
 @ ./~/codemirror/theme ^\.\/.*\.css$
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

WARNING in ./~/codemirror/theme/xq-dark.css
Module parse failed: C:\Users\alibh\IdeaProjects\admin\node_modules\codemirror\theme\xq-dark.css Unexpected token (23:0)
You may need an appropriate loader to handle this file type.
| THE SOFTWARE.
| */
| .cm-s-xq-dark.CodeMirror { background: #0a001f; color: #f8f8f8; }
| .cm-s-xq-dark div.CodeMirror-selected { background: #27007A; }
| .cm-s-xq-dark .CodeMirror-line::selection, .cm-s-xq-dark .CodeMirror-line > span::selection, .cm-s-xq-dark .CodeMirror-line > span > span::selection { background: rgba(39, 0, 122,
0.99); }
 @ ./~/codemirror/theme ^\.\/.*\.css$
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

WARNING in ./~/codemirror/theme/xq-light.css
Module parse failed: C:\Users\alibh\IdeaProjects\admin\node_modules\codemirror\theme\xq-light.css Unexpected token (23:0)
You may need an appropriate loader to handle this file type.
| THE SOFTWARE.
| */
| .cm-s-xq-light span.cm-keyword { line-height: 1em; font-weight: bold; color: #5A5CAD; }
| .cm-s-xq-light span.cm-atom { color: #6C8CD5; }
| .cm-s-xq-light span.cm-number { color: #164; }
 @ ./~/codemirror/theme ^\.\/.*\.css$
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

WARNING in ./~/codemirror/theme/yeti.css
Module parse failed: C:\Users\alibh\IdeaProjects\admin\node_modules\codemirror\theme\yeti.css Unexpected token (11:0)
You may need an appropriate loader to handle this file type.
|
|
| .cm-s-yeti.CodeMirror {
|   background-color: #ECEAE8 !important;
|   color: #d1c9c0 !important;
 @ ./~/codemirror/theme ^\.\/.*\.css$
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

WARNING in ./~/codemirror/theme/zenburn.css
Module parse failed: C:\Users\alibh\IdeaProjects\admin\node_modules\codemirror\theme\zenburn.css Unexpected token (11:0)
You may need an appropriate loader to handle this file type.
|  */
|
| .cm-s-zenburn .CodeMirror-gutters { background: #3f3f3f !important; }
| .cm-s-zenburn .CodeMirror-foldgutter-open, .CodeMirror-foldgutter-folded { color: #999; }
| .cm-s-zenburn .CodeMirror-cursor { border-left: 1px solid white; }
 @ ./~/codemirror/theme ^\.\/.*\.css$
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

ERROR in ./~/codemirror/lib/codemirror.css
Module parse failed: C:\Users\alibh\IdeaProjects\admin\node_modules\codemirror\lib\codemirror.css Unexpected token (3:0)
You may need an appropriate loader to handle this file type.
| /* BASICS */
|
| .CodeMirror {
|   /* Set height, width, borders, and global font properties here */
|   font-family: monospace;
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vue-codemirror/codemirror.vue 9:0-40
 @ ./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

Please help me out i am struggling with it for past 3 hrs

[isaactzab]

I had the same issue and i have solved as per @surmon-china and @nxxcxx comments. First installing npm i style-loader css-loader and adding { test: /\.css$/, loader: 'style-loader!css-loader' }, lines to webpack file.

Regards.

[nxxcxx]

add this in webpack rules { test: /\.css$/, loader: 'style-loader!css-loader' },