未加载来自karma网页包的捆绑包

Question

我正在尝试建立一个混合AngularJS Angular应用程序，它使用Webpack作为模块加载程序，Karma Jasmine作为测试框架。为了运行测试，我正在使用karmawebpack；但是，webpack创建的包从未加载到浏览器中，因此测试从未执行（duh！）。我试过很多方法来检查是否正常，但我在其他网站上都没有发现这个问题。

所以，一点调试信息。首先，我的karma.conf.js文件：

const webpackConfig = require('./webpack.test');

delete webpackConfig.entry;
delete webpackConfig.output;

module.exports = function(config) {
  config.set({
    basePath:           '',
    frameworks:         ['jasmine'],
    port:               8080,
    logLevel:           config.LOG_DEBUG,
    autoWatch:          false,
    browsers:           ['Chrome', 'Firefox'],
    singleRun:          true,

    files:              [
      // Some remote libraries that should be loaded.  These all load fine.
      './client/app/app.spec.ts'
    ],

    preprocessors:      {
      './client/app/app.spec.ts': ['webpack', 'sourcemap']
    },

    webpack:            webpackConfig,
    webpackMiddleware:  {
      stats:              {
        colors:             true
      }
    },

    browserNoActivityTimeout: 60000,

    client:             {
      captureConsole:     true
    },

    browserConsoleLogOptions: {
      level:                    'log',
      format:                   '%b %T:\n%m\n',
      terminal:                 true
    },

    reporters:          ['mocha'],
    mochaReporter:      {
      output:             'autowatch'
    }
  });
};

运行Karma时，webpack执行成功（Karma webpackprintswebpack:Compiled successfully.，我可以看到webpack的输出）；但是，应该保存捆绑包的临时文件（即/tmp/\u karma\u webpack/）从未创建。

我已经设置了unileRun选项为false，以查看加载了哪些文件，但捆绑包甚至没有被请求。但是，如果我将Karma的日志级别设置为DEBUG，我将看到以下（相关的）输出：

01 02 2018 12:55:26.678:DEBUG [middleware:source-files]: Requesting /base/client/app/app.spec.ts?bb6177fad9c0cf145a4962a89c7d2efd0bd0235a /
01 02 2018 12:55:26.678:DEBUG [middleware:source-files]: Fetching /home/c1moore/omninox/omnistack/client/app/app.spec.ts
01 02 2018 12:55:26.678:DEBUG [web-server]: serving (cached): /home/c1moore/omninox/omnistack/node_modules/karma-jasmine/lib/adapter.js
01 02 2018 12:55:26.678:DEBUG [web-server]: serving (cached): /home/c1moore/omninox/omnistack/client/app/app.spec.ts

看起来Karma正试图提供需要所有测试的文件；然而，我在浏览器的任何地方都看不到。也就是说，文件似乎没有被请求/加载，也没有看到浏览器试图将TS解释为JS而导致的任何错误。

我没有包括应用程序。spec.ts文件，因为它似乎不相关，因为它从未实际加载。然而，这是相当标准的。它导入所有需要的内容、所有供应商库和所有测试（使用require.context）。

那么，有没有人有任何建议、指点，或者看到我可能错过的东西？我查阅了文档、代码和各种网站，试图找到一些我遗漏的简单内容，希望能找到一些答案。

Answer 1

解决方案简单得令人沮丧。我在其他一些SO帖子（帖子1和帖子2）上找到了答案。

基本上，Chrome和FF拒绝执行Karma发送的测试文件，因为Karma webpack不会更改中typescript文件的扩展名。ts至。js。要解决这个问题，只需为指定一个mime类型。ts您的业力中的文件。conf.js文件如下：

module.exports = (config) => {
  config.set({
    // ...

    mime: {
      'text/x-typescript':  ['ts', 'tsx']  // `tsx` is optional depending on your environment
    },

    // ...
};