Javascript Karma dev服务器缺少html内容_Javascript_Reactjs_Webpack_Karma Runner

Javascript Karma dev服务器缺少html内容

javascript reactjs webpack

Javascript Karma dev服务器缺少html内容,javascript,reactjs,webpack,karma-runner,Javascript,Reactjs,Webpack,Karma Runner,我正在尝试配置karma与webpack一起运行并做出反应。我遇到的问题是，它无法在我的index.html中找到。当我查看Karma调试运行程序时，它不是他们的，测试失败是因为它找不到它当我运行webpack dev server命令时，应用程序显示良好，但当我运行karma start时，应用程序显示不好 index.html <body> <div id='app'></div> <script src="dist/dist.js">

我正在尝试配置karma与webpack一起运行并做出反应。我遇到的问题是，它无法在我的index.html中找到

。当我查看Karma调试运行程序时，它不是他们的，测试失败是因为它找不到它

当我运行

webpack dev server

命令时，应用程序显示良好，但当我运行

karma start

时，应用程序显示不好

index.html

<body>
  <div id='app'></div>
  <script src="dist/dist.js"></script>
</body>

karma.conf.js

module.exports = function(config) {
    config.set({

        browsers: ['Chrome'],

        frameworks: ['mocha', 'chai', 'sinon'],

        files: [
            'src/app.js',
            'test/*_test.js',
            'test/**/*_test.js'
        ],

        reporters: ['progress', 'coverage'],

        preprocessors: {
            'src/**/*.js': ['webpack', 'coverage'],
            'test/*_test.js': ['webpack'],
            'test/**/*_test.js': ['webpack']
        },

        webpack: {
          devtool: 'inline-source-map',
          module: {
            loaders: [{
              test: /\.(js|jsx)$/, exclude: /(bower_components|node_modules)/,
              loader: 'babel-loader',
              query: {
                presets: ['react', 'es2015']
              }
            }]
          }
        },

        webpackMiddleware: {
            noInfo: true
        }
    });
};

module.exports = {
  entry: [
    './src/app.js'
  ],
  devtool: 'source-map',
  output: {
    path: __dirname,
    publicPath: '/',
    filename: './dist/dist.js'
  },
  module: {
    loaders: [{
      test: /(\.jsx|\.js)$/,
      exclude: /node_modules/,
      loader: 'babel',
      query: {
        presets: ['react', 'es2015']
      }
    }]
  },
  resolve: {
    extensions: ['', '.js', '.jsx']
  },
  devServer: {
    historyApiFallback: true,
    contentBase: './'
  }
};

module.exports = function(config) {
    config.set({

        browsers: ['Chrome'],

        frameworks: ['mocha', 'chai', 'sinon'],

        files: [
            'src/app.js',
            'test/*_test.js',
            'test/**/*_test.js'
        ],

        reporters: ['progress', 'coverage'],

        preprocessors: {
            'src/**/*.js': ['webpack', 'coverage'],
            'test/*_test.js': ['webpack'],
            'test/**/*_test.js': ['webpack']
        },

        webpack: {
          devtool: 'inline-source-map',
          module: {
            loaders: [{
              test: /\.(js|jsx)$/, exclude: /(bower_components|node_modules)/,
              loader: 'babel-loader',
              query: {
                presets: ['react', 'es2015']
              }
            }]
          }
        },

        webpackMiddleware: {
            noInfo: true
        }
    });
};