react+webpack CSS添加失败,求解?

在webpack-config.js 中配置cssModule,结果报错,顺序也没有问题,求解?

ERROR in ./~/css-loader!(webpack)/hot/dev-server.js
Module build failed: Unknown word (7:2)

5 | /globals window webpack_hash /
6 | if(module.hot) {

7 | var lastData;
 |  ^

8 | var upToDate = function upToDate() {
9 | return lastData.indexOf(__webpack_hash__) >= 0;
10 | };

@ (webpack)/hot/dev-server.js 4:14-68 13:2-17:4 14:20-74

ERROR in ./~/css-loader!./app/index.js
Module build failed: Unknown word (1:1)

1 | import React from 'react';
| ^

2 | import ReactDOM from 'react-dom';
3 |
4 | import './index.css'

@ ./app/index.js 6:14-73 15:2-19:4 16:20-79

下边是我的配置文件

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

module.exports = {

entry: [  
    'webpack/hot/dev-server',
    path.resolve(__dirname, './app/index.js')
],
output: {
    path: path.resolve(__dirname, './build'),
    filename: 'bundle.js',
},

module: {

loaders: [
  {
    test: /\.jsx?$/,
    loader: 'babel-loader',
    exclude: /node_modules/,
    query: {presets: ['es2015', 'react'] }
  },
  {
    text: /\.css$/,
    loader:'style-loader!css-loader',
  }
]

},
resolve: {

extensions: ['','.js', '.jsx',"css"],

}
};

阅读 1.1k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题