Chrome开发工具中没有显示静态资源

使用一个简单的react+webpack应用程序,但我在调试时遇到了问题,因为静态资源似乎没有加载到开发工具中(我也不知道为什么断点不起作用!)

在我的webpack.config中获得了以下内容。js文件:

var ExtractTextPlugin = require('extract-text-webpack-plugin');

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

module.exports = {
  devtool: 'eval-source-map',
  entry: path.join(__dirname, 'src', 'app.js'),
  output: {
    path: path.join(__dirname, 'dist'),
    filename: 'bundle.js'
  },
  module: {
    loaders: [
      {
        test: path.join(__dirname, 'src'),
        loader: ['babel-loader'],
        query: {
          cacheDirectory: 'babel_cache',
          presets: ['react', 'es2015']
        }
      },
      {
        test: /\.css/,
        loader: ExtractTextPlugin.extract("style-loader", "css-loader")
      },
      {
        test: /\.(eot|svg|ttf|woff|woff2)$/,
        loader: 'file-loader'
      }
    ]
  },
  plugins: [
    new webpack.DefinePlugin({
      'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV)
    }),
    new webpack.optimize.DedupePlugin(),
    new webpack.optimize.OccurenceOrderPlugin(),
    new webpack.optimize.UglifyJsPlugin({
      compress: { warnings: false },
      mangle: true,
      sourcemap: false,
      beautify: false,
      dead_code: true
    }),
    new ExtractTextPlugin("styles.css")
  ]
};

我的express应用程序提供/dist文件夹:

app.use('/static', Express.static(path.join(__dirname, '..', 'dist')));

但是,当我尝试查看源代码(使用sourcemap)时,我的开发工具仅显示以下内容:

当我导航到localhost:3000/static/bundle时。js和localhost:3000/static/bundle.js。映射它以明文显示文件。我的应用程序也“工作”(即JS正在使用),但它似乎没有在Chrome中显示。我是不是错过了一些很明显的东西?

谢谢你的帮助!