【已解决】ReactJS中引用react-month-picker的css出错：Module parse failed css Unexpected token

import MonthPicker from ‘react-month-picker’;

import ‘react-month-picker/css/month-picker.css’;

ERROR in ./node_modules/react-month-picker/css/month-picker.css

Module parse failed: /Users/crifan/dev/dev_root/daryun/Projects/xxx/sourcecode/web/AdminManagement/reference/react-hot-boilerplate/react-hot-boilerplate/node_modules/react-month-picker/css/month-picker.css Unexpected token (1:0)

You may need an appropriate loader to handle this file type.

| .month-picker {

|   position: relative; }

|   .month-picker > .container {

@ ./src/App.js 53:0-50

@ ./src/index.js

@ multi (webpack)-dev-server/client?http://localhost:4000 webpack/hot/dev-server ./src/index.js

Child html-webpack-plugin for “index.html”:

                                   Asset      Size  Chunks             Chunk Names

    a465220e58a591b54728.hot-update.json  44 bytes          [emitted]

     + 1 hidden asset

       4 modules

webpack: Failed to compile.

import ‘react-month-picker/scss/month-picker.scss’;

ERROR in ./node_modules/react-month-picker/scss/month-picker.scss

Module parse failed: /Users/crifan/dev/dev_root/daryun/Projects/xxx/sourcecode/web/AdminManagement/reference/react-hot-boilerplate/react-hot-boilerplate/node_modules/react-month-picker/scss/month-picker.scss Unexpected character ‘@’ (5:0)

You may need an appropriate loader to handle this file type.

|

|

| @mixin text-ellipsis() {

|   text-overflow: ellipsis;

|   white-space: nowrap;

@ ./src/App.js 53:0-52

@ ./src/index.js

@ multi (webpack)-dev-server/client?http://localhost:4000 webpack/hot/dev-server ./src/index.js

Child html-webpack-plugin for “index.html”:

                                   Asset      Size  Chunks             Chunk Names

    07c102fb52fd98b59695.hot-update.json  44 bytes          [emitted]

     + 1 hidden asset

       4 modules

webpack: Failed to compile.

import ‘react-month-picker/css/month-picker.less’;