Webpack Karma无法解析本地导入

Question

我正在使用Webpack进行应用程序和测试(使用https://github.com/webpack/karma-webpack).该应用程序使用打字稿和Babel中的测试.

在测试中从独立模块导入某些东西(使用import { cleanHTML, fromHTML, toHTML } from "../../app/utils/text.ts";,即我需要提及.ts扩展名,否则失败).

当我实际尝试导入一个导入另一个文件中的组件的React组件时,我收到以下错误: Module not found: Error: Cannot resolve 'file' or 'directory' ./blocks/paragraph.

目录树看起来像:

src/
  app/
    components/
      blocks/
        paragraph.ts
    main.ts
  tests/
    components/
       main_tests.js
    utils/

而main.ts像这样导入了paragraph.ts import { ParagraphBlockComponent } from "./blocks/paragraph";

正常编译工作但不测试.这是业力配置:

var path = require('path');

module.exports = function (config) {

config.set({
    basePath: 'src',
    singleRun: true,
    frameworks: ['mocha', 'chai'],
    reporters: ['dots'],
    browsers: ['Firefox'],
    files: [
        'tests/index.js'
    ],
    preprocessors: {
        'tests/index.js': ['webpack']
    },
    webpack: {
        noInfo: true,
        module: {
            loaders: [
                {
                    test: /\.ts$/,
                    loaders: ['awesome-typescript-loader']
                },
                {
                    test: /\_tests.js$/,
                    loaders: ['babel-loader']
                }
            ]
        }
    },
    webpackMiddleware: {
        noInfo: true,
        stats: {
            color: true,
            chunkModules: false,
            modules: false
        }
    }
});

};

我错过了什么？

Answer 1

将以下内容添加到karma webpack配置中为我修复了它

resolve: {
    extensions: ['', '.js', '.ts']
},