使用业力时阻塞的TypeScript测试文件-webpack插件

Question

我试着用业力-webpack来建立我的打字测试，以便和业力一起使用。

最近我的测试停止了。在developer控制台中，有这样的行，对应于包含我的测试的每个文件：

由于不允许使用MIME类型，“http://localhost:9876/base/tests/testFile.ts?[HASH]”的脚本被阻塞。

有这样的脚本标记是由业力产生的：

<script type="text/javascript" src="/base/tests/testFile.ts?[HASH]" crossorigin="anonymous"></script>

(在这两种情况下，[HASH]都对应于时间戳)

如果我查看与错误消息相关的文件，看起来编译是成功的--每个文件都包含由类型记录编译器生成的JS，以及所有与webpack相关的内容。

我的业力配置如下：

module.exports = function (config) {
    config.set({
        plugins: [
            require('karma-firefox-launcher'),
            require('karma-webpack'),
            require('karma-tap')
        ],

        basePath: '',
        frameworks: ['tap'],
        files: ['tests/**/*.ts'],

        preprocessors: {
            'tests/**/*.ts': ['webpack']
        },

        webpack: {
            module: {
                rules: [
                    {
                        test: /\.tsx?$/,
                        exclude: /node_modules/,
                        use: [
                            "babel-loader",
                            "ts-loader"
                        ]
                    }
                ]
            },
            resolve: {
                extensions: [".webpack.js", ".web.js", ".js", ".ts", ".tsx", ".css"]
            },
            node: {
                fs: 'empty'
            }
        },

        reporters: ['progress'],
        port: 9876,
        colors: true,
        logLevel: config.LOG_INFO,
        autoWatch: true,
        browsers: ['Firefox'],
        singleRun: false
    });
};

我尝试过使用Chromium而不是Firefox，但是我也遇到了类似的错误，所以我想这个问题不是浏览器特有的。

如何防止脚本被阻塞，并使我的测试再次运行？

包版本：

"karma": "1.4.1",
"karma-firefox-launcher": "1.0.0",
"karma-tap": "3.1.1",
"karma-webpack": "2.0.2",
"ts-loader": "2.0.0",
"typescript": "2.2.0",
"webpack": "2.2.1",

Answer 1

我找到了一个双双 of 问题，它建议将此添加到业力配置文件中：

mime: {
    "text/x-typescript": ["ts", "tsx"]
}

现在，我的测试在Firefox和Chrome上再次运行。